Cara Membuat Tooltip Otomatis di Blog

- December 13, 2014

Tooltip


Hiasi Blog dengan tooltip sudah banyak yang membahas diluar sana, kali ini saya hanya memberikan sedikit dari yang banyak itu...  :-)
begini langkah membuatnya :

setelah masuk di dashboard klik template kemudian edit HTML, cari tag <body>, copy dan paste kode dibawah ini tepat dibawah tag <body>

<script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Princexells Seyka (Princelling Saki)</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://javascript-share.googlecode.com/files/wb_tooltips.js'/>
<script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>

Selanjutnya temukan tag </body>
jika ketemu copy dan paste kode dibawah ini tepat diatas tag </body> , simpan template jika selesai.


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


Sumber : http://predatorevil.blogspot.com 

Share this with short URL:
Blogger
Disqus
Tinggalkan Komentar

No comments

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda

 

ketik dan enter untuk mencari