Cara Buat Tooltip Melayang (otomatis)

hallo sobat bloger sudah lama ne saya tidak mosting tips blog, kali ini saya akan memperkenalkan Cara Buat Tooltip Melayang (otomatis), pada kesempatan kali ini saya mau bahas tentang blogspot, mempercantik blog dengan tooltip, sebelum saya jelaskan bagaimana cara buat nya mari kita bacot dikit tentang apa itu tooltip :D .. tooltip itu apayah saya juga gak tau , hahahahha .. itu loh kalau link atau image di sentuh mouse title atau judul atau link terbang melayang seperti di blog saya ini, tapi kali ini tooltipnya lebih makyusss .. dan hasilnya seperti diblog saya ini,,hehehehe :D ..

lngsung saja ikuti langkah-langkah dibawah ini:

  1. Login Ke Akun Blogger sobat
  2. Pilih Rancangan/Design Kemudian Pilih EDIT HTML (dan jangan Lupa Untuk Mencentang Kolom Expand Template Widget )
  3. Copas KOde Berikut Tepat Dibawah KOde <body>


kode:
<script src="http://javascript-share.googlecode.com/files/wb.js"></script><a id='wb_ttauth' href='http://www.warungbebas.com'>Warung Internet</a><script type="text/javascript">//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{border:1px solid #677FC2;background:#eceff5}#ttcont{background:#677FC2;color:#fff}"
};
//]]></script><script src="http://javascript-share.googlecode.com/files/wb_tooltips.js"></script>
<script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'></script><div id="warungbebasautotooltip">


selanjutnya cari kode </body>
taruh kode di bawah ini tepat di atas nya

kode:
</div><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>


simpan .
dan lihat hasilnya .. sekian artikel tentang cara buat tooltip melayang

DOWNLOAD
Single Links (Recommended)

Ditulis Oleh : Unknown ~Free Shop Ilmu

Muh.Akram Anda sedang membaca artikel berjudul Cara Buat Tooltip Melayang (otomatis) yang ditulis oleh Free Shop Ilmu yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: 20:41:00

0 comments:

Post a Comment