Sabtu, 10 November 2012

sang tercopas pasang toltip 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  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 hijau 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

0 komentar

Posting Komentar