Comments Utility

Monday

Cara Membuat Tooltip Mancap Di Blog Anda

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(&#39;warungbebasautotooltip&#39;);</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

  • Digg
  • del.icio.us
  • StumbleUpon
  • Yahoo! Buzz
  • Technorati
  • Facebook
  • TwitThis
  • MySpace
  • LinkedIn
  • Google
  • Reddit
  • Netvibes

Page Logo




Terimakasih Sudah Berkunjung . . .
© ™Berbagi Untuk Kebersamaan™ @

Terima kasih Untuk Klik Like nya

BackLink



Page Ranking Tool Ping your blog, website, or RSS feed for Free Antispam
Design by Si WonkCopyright © 2012 @Si_W0nk | Powered by Blogger