Cari Artikel Blog Ini

Total Tayangan Laman

PASANG TOOLTIP PADA LINK DAN GAMBAR BLOG

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

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

Mungkin anda bertanya tentang nama-nama dari file js diatas. Huruf wb merupakan singkatan dari situs asal yang menerbitkan tooltip ini yaitu situs Warung Bebas Kemudian oleh para plagiat (termasuk admin EPG Studio - Biangnya Plagiat) diubah sedemikian rupa sehingga tips tentang tooltip seperti ini telah banyak ditulis pada Tutorial Blogger seperti 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 bagian Edit HTML
  3. Cari kode <body> kemudian copy kode dibawah ini dan paste tepat dibawah kode <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 bagian yang dapat anda edit, silahkan anda ubah sesuai dengan keinginan, tetapi jika anda takut salah, biarkan kode-kode diatas tampil apa adanya.

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

  4. Cari kode </body> kemudian copy kode dibawah ini kemudian paste tepat diatas kode </body>



    </div><!-- penutup 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

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
1 Comments

1 komentar :

The 7Bloggers | Jefry Dewangga | Some Nice Quote Part 1 mengatakan...

Cukup bagus sie kalau di kasih tool tip tapi masalhnya kayaknya file JS-nya banyak yua...? :) wkwkwkwkwk

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!