Thursday, 28 March 2013

Tooltip otomatis untuk semua link

tooltip sudah banyak di bahas di banyak blog tetangga ,dan hampir semua blog menggunakan tooltip,seperti postingan sebelumnya yaitu tooltip dengan effec gambar kali ini pun yang akan kita bahas adalah masih seputar tooltip tapi dalam bentuk berbeda.,dan aku kira tooltip yang ini sangat simple kita sudah tidak perlu lagi menggunakan kode Title lagi karena semua yang mengandung link pasti akan keluar tooltip nya.sebagai contoh coba arahkan kursor ke semua link di blogku ini pasti tooltipnya akan keluar nah untuk cara pembuatanya ...youk kita langsung aja ..ke tempat kejadian perkara ...ha ha ha ha ha
  1. tentunya sobat harus logi dulu ke blogger.com
  2. lalu klik dasbor /dasboard yang tempatnya ada di Navbar yang tempatnya ada di kanan  atas blog kita
  3. Lalu pilih Edit HTML (jangan lupa download lengkap dulu template )
  4. Cari kode <body>biar mudah gunakan Ctrl+F lalu taruh kode di bawah ini tepat tepat di bawah kode <body>
  5. Berikut kode nya :
    <script src='http://kumpulaninspirasidiah.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:3px solid #198DC9; background:#B0C4DE}#ttcont{background:#000000;color:#FFFFFF}" }; //]]></script><script src='http://kumpulaninspirasidiah.googlecode.com/files/wb2_tooltips.js'/> <script src='http://kumpulaninspirasidiah.googlecode.com/files/wb_autotooltips.js'/><div id='karinafoto'>

  6. Kemudian cari kode </body>lalu tempatkan kode di bawah ini tepat di atas kode </body>
  7. Berikut kodenya:
    </div>     <script type='text/javascript'>wb.$_auto_tooltip(&#39;karinafoto&#39;);</script>
  8. Lalu Save template dan lihat hasilnya
Nah Jika artikel di atas bermanfaat mohon masukan nya di kolom komentar...wassalaam

No comments:

Post a comment

Silahkan Komen Rider,