Selasa, 27 Maret 2012

Cara Buat Tooltip Melayang Otomatis Pada Link Di Blog


1. Login ke Akun Blogger sobat
2. Pilih Rancangan/Design Kemudian Pilih EDIT HTML ( dan jangan Lupa Untuk Mencentang Kolom Expand Template Widget )
3. Cari kode <body> ( Tekan CTRL + F untuk memudahkan pencarian )
4. Copy dan Paste-kan kode di bawah ini tepat di bawah kode <body> tadi.


<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">
5. Cari kode </body> ( Gunakan metode CTRL + F tadi )
6. Copy dan Paste-kan kode di bawah ini tepat diatas kode </body> tadi.

</div><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>
7. Klik Simpan dan lihat hasilnya....

<sumber: http://anekabaca.blogspot.com>

2 komentar: