Pasang Tooltip Pada Link Dan Gambar Blog

Tooltip merupakan tampilan dari sebuah image atau link ketika mouse berada diatasnya. Pengertian itu hanya berdasar pada perubahan tampilan image atau link ketika mouse berada diatasnya. Untuk pengertian lebih pastinya, silahkan anda coba dulu tips dibawah ini dan sesudah berhasil maka anda akan lebih memahami apa itu tooltip.
Tooltip supaya sanggup berfungsi dibantu dengan 3 file Javascript (js). Makara sebelum anda memasang tooltip pada blog anda, download dulu ketiga file Javascript lalu simpan pada daerah penyimpanan file Javascript anda.http://www.blogger.com/img/blank.gif

File Javascript yang sanggup anda download :
  1. wb.js
  2. wb_autotooltips.js
  3. wb_tooltips.js

Mungkin anda bertanya wacana nama-nama dari file js diatas. Huruf wb merupakan abreviasi dari situs asal yang menerbitkan tooltip ini yakni situs Warung Bebas Kemudian oleh para plagiat (termasuk admin - Biangnya Plagiat) diubah sedemikian rupa sehingga tips wacana tooltip menyerupai ini telah banyak ditulis pada Tutorial Blogger menyerupai yang sedang anda baca sekarang.
Jika ingin menampilkan tooltip pada blog anda, ikuti langkah-langkah dibawah ini :
  1. Masuk ke dasbor blog anda.
  2. Pilih Rancangan bab Edit HTML
  3. Cari arahan <body> lalu copy arahan dibawah ini dan paste sempurna dibawah arahan <body>


    <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 : 5,
    left : 5,
    maxw : 300,
    speed : 20,
    timer : 40,
    endalpha : 95,
    alpha : 0,
    style_plus : "#tt{border:2px double #FF0000;background:#000000;-moz-border-radius: 10px;border-radius:10px;}#ttcont{background:#000000;color:#ffffff;-moz-border-radius: 5px;border-radius: 5px;}"
    };
    //]]></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 warungbebasautotooltip --><div id='warungbebasautotooltip'>

    1. Yang berwarna kuning merupakan bab yang sanggup anda edit, silahkan anda ubah sesuai dengan keinginan, tetapi jikalau anda takut salah, biarkan kode-kode diatas tampil apa adanya.

    2. Jangan lupa ganti ketiga file JavaScript dengan file simpanan anda sendiri.

  4. Cari arahan </body> lalu copy arahan dibawah ini lalu paste sempurna diatas arahan </body>



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

  5. Simpan Template.
  6. Lihat blog

Tips ini telah dicoba dan hasil memuaskan..
Selamat mencoba, semoga bermanfaat
Sumber http://epg-studio.blogspot.com/

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel