Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Masukkan kode berikut di atas kode </head>
<style type='text/css'>Selanjutnya klik Simpan Template
a.tt{position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none}
a.tt span{display:none}
a.tt:hover{z-index:25; color:#aaf; background:}
a.tt:hover span.tooltip{display:block; position:absolute; top:0px; left:0; padding:15px 0 0 0; width:200px; color:#930; text-align:center; filter:alpha(opacity:90); KHTMLOpacity:0.90; MozOpacity:0.90; opacity:0.90}
a.tt:hover span.top{display:block; padding:30px 8px 0; background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/Sv_TE02nC2I/AAAAAAAAALU/RJP8dN5W30s/bubble.gif) no-repeat top}
a.tt:hover span.middle{display:block; padding:0 8px; background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/Sv_TISo06uI/AAAAAAAAALc/9dj1-t3hN6o/bubble_filler.gif) repeat bottom}
a.tt:hover span.bottom{display:block; padding:3px 8px 10px; color:#548912; background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/Sv_TE02nC2I/AAAAAAAAALU/RJP8dN5W30s/bubble.gif) no-repeat bottom}
</style>
Selanjutnya sertakan kode di bawah ketika anda ingin memberi tooltip pada link anda
<a href="MASUKKAN ALAMAT LINK ANDA DI SINI" class="tt">JUDUL LINK<span class="tooltip"><span class="top"></span><span class="middle">DESKRIPSI ATAU TULISAN DI SINI</span><span class="bottom"></span></span></a>Klik Simpan atau Terbitkan dan lihat hasilnya
Selamat mencoba dan sukses selalu
"keep spirits and do the best"