Cara Membuat Tooltip Keren Pada Blog

Diposting oleh John Holongky Sinaga on Minggu, 01 Juli 2012
Oke Lah Sobat Devilz, kali ini saya akan share info seputar Blogger
posting kali ini adalah Cara Membuat Tooltip Keren Pada Blog, sobat masih penasaran apa itu Tooooooollllllltttiiiipppp...????
baik lah kalau sobat penasaran, sobat devilz bisa lihat gambar di bawah ini !

Tooltip atau yang disebut juga sebagai Infotip adalah sebuah informasi yang langsung muncul saat kursor mouse mengarahkan pada suatu link. dan pada posting kali ini, saya akan membagikan langkah - langkah membuat Tooltip Otomatis di blog.

pengen tau ya ??? cara buat nya ???
mari kita ke TKp !!!

1. seperti biasa sobat harus Login ke Blogger >>> Dashboard >>> Rancangan >>> Edit HTML >>> sobat centang ya Expand Widget nya >>>

2. setelah sobat memenuhi persyaratan di atas, sekarang sobat cari kode <body> (kalau Gk Ketemu pake CTRL+F)
setelah ketemu, sobat devilz copas kode di bawah ini lalu paste kan 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 warungbebasautotooltip --><div id='warungbebasautotooltip'>

3. setelah itu copy kode di bawah ini dan paste kan di atas kode </body>

</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>

4. dan yg terakhir sobat devilz simpan deh !!!
lalu coba lihat ???
keren bukan ???
baik lah itu lah postingan saya tentang Cara Membuat Tooltip Keren Pada Blog
semoga bermanfaat

{ 2 komentar... read them below if any or add comment }

Darmawan Saputra mengatakan...

mantap infonya

John Holongky Sinaga mengatakan...

Seeepppp Gan !!!

Posting Komentar

 
FASTSEO - SEO Friendly Blogger Template Design by Tutorial SEO Blogspot