|
|
Tooltip atau yang disebut juga sebagai Infotip adalah sebuah informasi yang langsung muncul saat kursor mouse mengarahkan pada suatu link. dan pada posting kali ini, saya akan membagikan langkah - langkah membuat Tooltip Otomatis di blog.
Langkah Pertama, seperti biasa login ke akun blogger sobat. ( bukan punya orang lain...)
2. Masuk ke Rancangan - Edit HTML
3. Centang Expand Template Widget.
4. Paste Kode Berikut di bawah kode <body>.
5. Paste Lagi kode berikut di atas kode </body><script src='http://javascript-share.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:2px double #323232;background:#111;-moz-border-radius:7px;border-radius:7px;}#ttcont{background:transparent;color:#ffffff;-moz-border-radius: 5px;border-radius: 5px;}"
};
//]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/><script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><div id='warungbebasautotooltip'>
</div><!-- penutup tooltipotomatis --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>6. Save Template.
NB : Sobat Bisa mengatur tampilan Tooltip dengan memodifikasi kode yang berwarna biru.
Sobat tidak boleh mengubah kode - kode selain yang berwarna biru.... karena kalo tidak, tooltip akan mengalami Error.
Silahkan anda laporkan jika ada link yang rusak atau beberapa tutorial yang tidak bekerja, karena saya akan segera memperbaikinya, dan berhubung saya baru mengganti themes blog, jadi pasti banyak artikel yang berantakan!
Saya harap anda dapat membantu saya untuk memperbaiki semuanya dengan berkomentar di artikel yang bermasalah..
thanks sebelumnya sudah berkunjung keblog utta yang sederhana ini...
Please rate this article:
{[['
', '
']]}
', '']]}{["Useless", "Boring", "Need more details", "Perfect"]}
Jika Artikel ini menarik, Silahkan copy paste permalink berikut ini di blog sobat!
thanks tutorialnya gan...
BalasHapusane pakai tooltip nya :D
blog nya keren abis ya...hehe