Cara membuat 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'>
6. Save Template.</div><!-- penutup tooltipotomatis --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>
Demikianlah tutorial Cara membuat tooltip ke semua titl
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.
9 out of 10 based on 10 ratings. 99 user reviews.
siang,mampir gan,boleh tanya ya gan..apa benar blogku ada indikasi mallware..? coz kata sobat http://khabaranunik.blogspot.com/ anvirnya mendeteksi mallware pada websiteku, dan untuk mengecek kesehatan blog di mana ya..? terimakasih
BalasHapusTutorial yang sangat berguna sob :)
BalasHapusjangan lupa kunjungan balik ya :)
AribCyber4rt
keren ne, jadi pengen nyoba... follow blog ane sob, nanti saya follow bali. thanks.
BalasHapushehehe.. emang bagus sih bro.. :D cuman katanya sama kaya title yang disorot.. :D itu fungsi buat auto tooltip kalo manual tooltip lebih bagus cuman lebih susah dikit.. :D
BalasHapuskeren juga nih,,,
BalasHapusnice post
Ini berpengaruh ke SEO gk sob?
BalasHapusKpn2 klo saya minat, saya mau mencobanya.
Wah,keren nih sob tutornya.,
BalasHapusIjin praktek ya.,
Biar tooltipnya juga nongol di semua title yang ada di blog saya.,
Thanks.,
oh itu namanya tooltip ya gan? baru tau ane..:)
BalasHapuswah mantab, tapi buat blog berat g nih?
BalasHapusijin ngetes sob soalnya masih bingung mau ngedit
BalasHapus