Membuat Auto Tooltip Diblog

Cara Membuat Tooltip Pada Blog

Pengertian :

Tooltip adalah komponen grafis dalam user interface pengguna. Komponen ini biasanya muncul ketika pointer mouse diarahkan ke komponen, untuk komponen pada blog bisa itu gambar atau sebuah link.

Demo Tooltip

Langkah :

• Masuk/login ke blogger.com/.
• Pilih tab rancangan kemudian Edit Html.
• 'CTRL+F' atau cari </head>, Letakan Javascript ini tepat dibawahnya :

<script src='https://sites.google.com/site/epgstudiosite/js/wb.js'/><a href='http://www.warungbebas.com/' id='wb_ttauth'/><script type='text/javascript'>//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 6,
left : 6,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
  style_plus : "#tt{border:2px double #02bb72;background:#000000;-moz-border-radius: 10px;border-radius:10px;z-index:99999;}#ttcont{background:#000000;color:#ffffff;-moz-border-radius: 5px;border-radius: 5px;z-index:99999;}"
};
//]]></script>
<script src='https://sites.google.com/site/epgstudiosite/js/wb_tooltips.js'/>
<script src='https://sites.google.com/site/epgstudiosite/js/wb_autotooltips.js'/><!-- pembuka autotooltip --><div id='warungbebasautotooltip'>

• Lalu letakan Javascript ini tepat diatas </body>.

<!-- Penutup autotooltip -->
<script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>

• Jika sudah silahkan simpan template anda.

Bila ada yang ditanyakan silahkan ! :)

Demikian pembahasan mengenai "Membuat Auto Tooltip Diblog"