tooltip blog

Kali ini edho-xp akan share tentang Cara Memasang Tooltip Di Blog , sebelum memasang untuk blog agan.. toplip itu apa sih ?? toltip adalah suatu bagian ketika mouse hover di text maka akan menimbulkan text du\iatas text tersebut
anda bisa lihat contoh nya :

DEMO - TOOLTIP EDHO-XPTOOLTIP INI BAGUS!

Nah tertarik kah agan memasang nya yuk kita buat !!

1. Pertama Login Ke Akun Blogger.com Agan
2. Klik Rancangan.
3. Klik Lagi EDIT HTML
4. CentangExpand Template Widget
5. Agan Cari Kode ]]></b:skin>

6. Nah Pastekan Kode Dibawah Ini Diatas Kode ]]></b:skin>

a.popuptooltip {
font-weight:bold;
position:relative;
z-index:24;
color: #0000CC;
text-decoration:none;
}
a.popuptooltip span{
display: none;
}
a.popuptooltip:hover span {
text-align:left;
font-weight:700;
display:block;
position:absolute;
bottom:30px;
left:-50px;
width:400px;
padding:.3em;
border:2px solid #000;
color: #555;
background: #aaa;
}

7. Simpan Template

Catatan : Jika Agan Ingin Memposting/Membuat Link Dengan Tooltip Caranya Copy Kode Dibawah Ini

<a class="popuptooltip" href="WWW.BLOGER.COM">JUDUL LINK<span>ISI TOOL TIP !!!</span></a>

Nah WWW.BLOGER.COM Bisa Diganti Dengan Link Kalian/Link Dituju
Nah JUDUL LINK Bisa diganti judul link nya Contoh Klik Disini
Nah Untuk ISI TOOL TIP !!! DATAT DIGANTI ISI TOOLTIP NYA !!

SEMOGA BERMANFAAT !!