Senin, 02 Juli 2012

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(&#39;alditukangtooltip&#39;);</script>
  • Kemudian disave =)
Sumber : http://aldirayfaldoputra.blogspot.com/2012/05/cara-membuat-tooltip-keren.html

Ayat Alkitab

Friend's Banner

Copyright © 2013 David As'Chri ChieLietonga 06 | Robotic Notes | Powered by Blogger

Designed by : Johanes Djogan | Redesignde by : David As'Chri ChieLietonga 06: Cara Membuat Tooltip Keren