EPG STUDIO

PASANG TOOLTIP PADA LINK DAN GAMBAR BLOG

Posted: 22 Apr 2012 04:03 AM PDT

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 :

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 :

Masuk ke dasbor blog anda.
Pilih Rancangan bagian Edit HTML
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'/><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.

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

</div><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>

Simpan Template.
Lihat blog

Tips ini telah dicoba dan hasil memuaskan..
Selamat mencoba, semoga bermanfaat

Minggu, 22 April 2012

EPG STUDIO

EPG STUDIO

0 komentar:

Posting Komentar

Artikel Populer

Tentang