Untuk caranya anda bisa ikuti langkah2 berikut ini :
1. Login ke Blogger
2. lalu pilih Layout > Edit HTML
3. Cari kode ]]></b:skin> lalu paste kode css berikut tepat di atasnya :
a.tip {position:relative}
a.tip span {
display:none;
padding:5px;
z-index:100;
background:#000;
color:#fff;
text-decoration:none;
width:200px; /* lebar tooltip */
height:auto;
-moz-border-radius:2px;
-webkit-border-radius:2px
}
a:hover.tip {
font-size:99%;
cursor:pointer
}
a:hover.tip span {
display:block;
position:absolute;
-moz-opacity:0.7;
opacity:0.7;
top:auto;
left:auto;
right:2px;
bottom:auto;
line-height:14px;
font-size:12px;
font-weight:normal;
}
Untuk mengatur agar rapi anda bisa ganti pada kalimat
top:auto; left:2px; right:auto; bottom:auto;.
- lalu simpan template dan lihat hasilnya.
Cara menggunakannya
di setiap anda menulis link beginilah formatnya agar tolltip nya berkerja tapi kalau anda menulis link dengan cara biasa maka tooltip nya tidak akan berkerja.<a class='tip' href='http://www.gribigan.co.cc'>judul link<span>tooltip adalah keterangan</span></a>
Keterangan :
* Ganti alamat anda sendiri yang tulisan "gribigan.co.cc"
* Judul link adalah judul link anda
* Tooltip adalah keterangan adalah tooltip nya atau teks keterangannya
Selamat mencoba
