Sabtu, 23 Februari 2013

0 PASANG TOOLTIP PADA LINK DAN GAMBAR BLOG

Date : Sabtu, 23 Februari 2013 03.12
Category :
Author : Gazelle RackaLs
Share :
Responds : 0 Comment
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


Artikel Terkait :

Tutorial Blog
Tutorial


Posting Komentar


Get this

close
cbox