Cara Memasang Tooltip Di 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 !!

BackLink please. Thanks! ^^

URL

Code For Forum

HTML Code

<a href='http://edho-xp.blogspot.com/2011/10/cara-memasang-tooltip-di-blog.html' target='_blank'>Cara Memasang Tooltip Di Blog</a>

About EDHO-XP Author

Nama gue Edo Cosma. Nama asli gue Ahmad Dhoifullah . Gue orang nya sedikit pendiam dan pemalu. Apa lagi gue masih menduduki kelas 8 / 2 SMP tepatnya di sekolah SMPN 3 BATANGHARI sekolang yang berada di kotaku. Ini blog hanya percobaan dan iseng aja kok sob. Salam kenal yah sob !

Selengkapnya Tentang Admin EDHO-XP »