BLOG-CYBER CORPORATION Gunakanlah Google Chrome untuk Tampilan Maksimal Blog Ini , Thanks For Visit My Blog,Jangan Lupa Follow Blog Ini. Online Peoples


Home » » Cara Membuat Tooltip Otomatis di Blog

Cara Membuat Tooltip Otomatis di Blog

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.
  • Pertama, seperti biasa login ke akun blogger sobat.

  • Kedua, Masuk ke Rancangan - Edit HTML

  • Ketiga, Centang Expand Template Widget.

  • Keempat, Paste Kode Berikut di bawah kode <body>

<script src='http://hanjs.googlecode.com/files/wb-tooltipdeejayhan.js'/><a href='http://blogcybercorp.blogspot.com' id='wb_ttauth'>Created (c) by GM Latief</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 blogcybercorpautotooltip --><div id='blogcybercorpautotooltip'>
  • Kelima, Paste Lagi kode berikut di atas kode </body>

</div><!-- penutup blogcybercorpautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>
  • Keenam, Save Template.

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.





Like And Share :
Category:

7 komentar ~ Back To Top

  1. Putupunyablog18/8/12 10:42 PM

    ini ada pengaruhnya gak gan sama kecepatan loading blog kita?.. + ijin sedot gan :D

    BalasHapus
  2. GM Latief19/8/12 12:19 PM

    Saya Rasa Nggak Gan.

    BalasHapus
  3. Kimo Nino19/8/12 6:49 PM

    Thanks,Bermanfaat Gan :)

    BalasHapus
  4. GM Latief19/8/12 6:52 PM

    Sama-Sama Sis..

    BalasHapus
  5. Muhammad Habib Zulkhamsyah21/8/12 7:22 PM

    @Putupunyablog:ada, itu sama saja menambah request file,
    @GM latief:
    by the way, kamu buat javascript pkai software apa???

    Create Accordion Menu

    BalasHapus
  6. Muhammad Habib Zulkhamsyah21/8/12 7:35 PM

    @Putupunyablog:ada, itu sama saja menambah request file,
    @GM latief:
    by the way, kamu buat javascript pkai software apa???

    Create Accordion Menu

    BalasHapus
  7. GM Latief22/8/12 2:26 PM

    @Muhammad Habib ZulkhamsyahPakai Notepad

    BalasHapus

 
Support By : Google | Creating Website | Alexa
Copyright © 2012. Blog - Cyber Corporation - All Rights Reserved
Template Modify by GM Latief
Powered by Blog-Cyber Corporation