posting kali ini adalah Cara Membuat Tooltip Keren Pada Blog, sobat masih penasaran apa itu Tooooooollllllltttiiiipppp...????
baik lah kalau sobat penasaran, sobat devilz bisa lihat gambar di bawah ini !
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.
pengen tau ya ??? cara buat nya ???
mari kita ke TKp !!!
1. seperti biasa sobat harus Login ke Blogger >>> Dashboard >>> Rancangan >>> Edit HTML >>> sobat centang ya Expand Widget nya >>>
2. setelah sobat memenuhi persyaratan di atas, sekarang sobat cari kode <body> (kalau Gk Ketemu pake CTRL+F)
setelah ketemu, sobat devilz copas kode di bawah ini lalu paste kan tepat di bawah kode <body>
<script src='http://hanjs.googlecode.com/files/wb-tooltipdeejayhan.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Muhammad Hanafi (DeeJayHan) </a><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 #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
};
//]]></script><script src='http://hanjs.googlecode.com/files/wb_tooltips.js'/>
<script src='http://hanjs.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>
3. setelah itu copy kode di bawah ini dan paste kan di atas kode </body>
</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>
4. dan yg terakhir sobat devilz simpan deh !!!
lalu coba lihat ???
keren bukan ???
baik lah itu lah postingan saya tentang Cara Membuat Tooltip Keren Pada Blog
semoga bermanfaat
0 komentar:
Post a Comment