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
semoga bermanfaat
