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...)
Kedua, Masuk ke Rancangan - Edit HTML
Ketiga, Centang Expand Template Widget.
Keempat, Paste Kode Berikut di bawah kode <body>.
Kelima, Paste Lagi kode berikut di atas 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'>
</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>Keenam, 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.
No comments:
Post a Comment