Jumat, 21 Februari 2014

Cara Membuat Tooltip yang Keren

Silahkan bagikan :
۞ السَّــــــلاَمُ عَلَيْــــــكُمْ وَرَحْمَــةُ اللــــهِ وَبَرَكَاتُــــــــــهُ ۞
۞ بســـــــــــــم اللّـــه الرّحمٰن الرّحيـــــــــــــم ۞
-----------------------------------------------------------------------

Apa tooltip itu. Supaya lebih jelasnya lihat saja gambar dibawah ini:
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 (?) 
 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 Ryan JNJ (X_omir) </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>

۞ الحمد لله ربّ العٰلمين ۞

-----------------------------------------------------------------------

0 comment:

Posting Komentar

۞ MEDIA - SOSIAL ۞