Home » » Tooltip otomatis untuk semua link

Tooltip otomatis untuk semua link

Di kesempatan kali ini taukahbahwa.blogspot.com akan menyajikan posting tentang Tooltip otomatis untuk semua link. Semoga dengan posting Tooltip otomatis untuk semua link akan menambah wawasan untuk anda pembaca setia taukahbahwa.blogspot.com

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

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com
Homepage|http://taukahbahwa.blogspot.com

Sobat baru saja membaca artikel yang berkategori Informasi dengan judul Tooltip otomatis untuk semua link. Jika sobat rasa artikel ini menarik silakan di share dengan meninggalkan URL http://taukahbahwa.blogspot.com/2014/02/tooltip-otomatis-untuk-semua-link.html. Terima kasih atas kunjungannya!

0 komentar:

Posting Komentar