Cara Membuat Tooltip Keren

Saya agak sedikit bingung ngejelasinnya gimana yang pasti dibawah ini contoh gambar tooltip

Untuk membuat tooltip seperti yang di atas silahkan ikuti tutorial di bawah ini !
1.Masuk ke akun blogger sobat
2.Klik Rancangan-->Edit HTML-->Centang kotak Expand Template Widget
3.Cari kode <body>
4.Copy kode di bawah ini tepat di bawah kode <body>

<script src='http://hanjs.googlecode.com/files/wb-tooltipdeejayhan.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Muhammad Hanafi (DeeJayHan) </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:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
};
//]]></script><script src='http://hanjs.googlecode.com/files/wb_tooltips.js'/>
<script src='http://hanjs.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka alditukangtooltip --><div id='alditukangtooltip'>
5.Belum selesai masih ada cara selanjutnya yaitu cari kode </body>
jika sudah ketemu copy kode di bawah ini tepat di atas kode </body>

</div><!-- penutup alditukangtooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;alditukangtooltip&#39;);</script>
Simpan dan lihat hasilnya

Credit:ME
Jika ingin copas sertakan link dan creditnya.

0 komentar:

Posting Komentar

Baca dulu sebelum berkomentar !
-Jangan menyertakan LINK/ANCHOR TEXT
-Jangan menggunakan kata-kata kotor
-Jangan promosi blog atau produk yang di jual di blog anda
-Jangan ngajak berantam sesama blogger lain