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
- tentunya sobat harus logi dulu ke blogger.com
- lalu klik dasbor /dasboard yang tempatnya ada di Navbar yang tempatnya ada di kanan atas blog kita
- Lalu pilih Edit HTML (jangan lupa download lengkap dulu template )
- Cari kode <body>biar mudah gunakan Ctrl+F lalu taruh kode di bawah ini tepat tepat di bawah kode <body> Berikut kode nya :
- Kemudian cari kode </body>lalu tempatkan kode di bawah ini tepat di atas kode </body> Berikut kodenya:
- Lalu Save template dan lihat hasilnya
<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'>
</div> <script type='text/javascript'>wb.$_auto_tooltip('karinafoto');</script>
No comments:
Post a Comment