Saya sedikit bingung menjelasinya seperti apa tooltip itu. Supaya lebih jelasnya lihat saja gambarnya.
Pada saat kita mengarahkan kursor kita ke link, maka dia akan mengeluarkan kata kata. Dan pada saat kursor menyentuh gambar, maka dia akan menunjukkan gambar itu (?) hahaaa kalau yang ini bingung aku menjelasinya hehee. Langsung saja ikuti cara caranya =)
Caranya :
- Masuk ke akun blogger
- Pilih Template , lalu Edit HTML
- Kemudian jangan lupa centang Expand Template Widget
- Lalu cari kode <body>
- Lalu copy kode dibawah ini tepat dibawah 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 alditukangtooltip --><div id='alditukangtooltip'>
- Lalu cari lagi kode </body>
- Kemudian copy paste kodenya diatas kode </body>
</div><!-- penutup alditukangtooltip --><script type='text/javascript'>wb.$_auto_tooltip('alditukangtooltip');</script>
Sumber : http://aldirayfaldoputra.blogspot.com/2012/05/cara-membuat-tooltip-keren.html
Artikel Terkait:
0 Comments
