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.
Langkah Pertama, seperti biasa login ke akun blogger sobat. ( bukan punya orang lain...)
2. Masuk ke Rancangan - Edit HTML
3. Centang Expand Template Widget.
4. Paste Kode Berikut di bawah kode <body>.
5. Paste Lagi kode berikut di atas kode </body><script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com/' id='wb_ttauth'/><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:2px double #323232;background:#111;-moz-border-radius:7px;border-radius:7px;}#ttcont{background:transparent;color:#ffffff;-moz-border-radius: 5px;border-radius: 5px;}"
};
//]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/><script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><div id='warungbebasautotooltip'>
</div><!-- penutup tooltipotomatis --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>6. Save Template.
NB : Sobat Bisa mengatur tampilan Tooltip dengan memodifikasi kode yang berwarna biru.
Sobat tidak boleh mengubah kode - kode selain yang berwarna biru.... karena kalo tidak, tooltip akan mengalami Error.
Posting Komentar