13:11
RYAN JBT
Oke Lah Sobat Devilz, kali ini saya akan share info seputar Blogger
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
Posted in: TRIK MEMPERCANTIK BLOG
0 comments:
Post a Comment