“Cara Mudah Membuat Tooltip Keren di Blog” – Tooltip adalah Balon deskripsi sebuah link, kegunaan dari tooltip adalah menampilkan sebuah gelembung deskripsi jika kursor diarahkan pada sebuah link maka akan secara otomatis keluar sebuah gelembung kata deskripsi link tersebut.
1. Letakkan kode berikut tepat di atas tag </body>
<script src=’http://js.hack4rt.us/tooltip.js’ type=’text/javascript’/>
2. Simpan dan lihat hasilnya.
Berikut Cara Pembuatanya :
1. Login ke Blogger.
2. Masuk ke Template Blog “Backup Template” >>Edit HTML >> Cati kode <body> Ctrl + f
3. Letakkan kode dibawah ini tepat di bawahKode <body>
<script src=’http://javascript-share.googlecode.com/files/wb.js’/><a href=’http://www.warungbebas.com’ id=’wb_ttauth’>Warung Internet</a><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:1px solid #000;background: #000;-webkit-border-radius: 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-transition:all 0.26s ease-out;-moz-transition:all 0.26s ease-out;-ms-transition:all 0.26s ease-out;-o-transition:all 0.26s ease-out;transition:all 0.26s ease-out;}#ttcont{background: rgba(0, 0, 0, 0.2);color:#fff;-webkit-border-radius: 5px;border-radius:5px;-moz-border-radius: 5px;-webkit-transition:all 0.26s ease-out;-moz-transition:all 0.26s ease-out;-ms-transition:all 0.26s ease-out;-o-transition:all 0.26s ease-out;transition:all 0.26s ease-out;}”
};
//]]></script><script src=’http://javascript-share.googlecode.com/files/wb_tooltips.js’/>
<script src=’http://downloadallinfo.googlecode.com/files/DAI-Tooltip.js’/>
<!– pembuka warungbebasautotooltip –>
<div id=’warungbebasautotooltip’>
4. Setelah itu cari lagi </body>
5. Letakkan kode di bawah ini di atasnya.
</div><!– penutup warungbebasautotooltip –>
<script type=’text/javascript’>wb.$_auto_tooltip(‘warungbebasautotooltip’);</script>
6.Sobat Pertinjau terlebih dahulu, jika berhasil tinggal lihat hasilnya.
Hasil dari cara diatas seperrti pada gambar dibawah ini:
