Langkah ke 1 :
- Login Blog
- Terus Klik Tata Letak/Layout
- Klick Edit HTML.
- Lalu cari Kode yang seperti ini : ]]></b:skin>
- Jika sudah ketemu, silahkan copy kode dibawah ini dan pastekan di atas kode ini ]]></b:skin>
a.tooltip {position:relative}
a.tooltip span {
display:none;
padding:4px 5px 4px 6px;
z-index:100;
background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvbahxR6f2XcxadD619Q-qvhkUZLpiLZTB_H8bzvFU317bHa5qFizTMbo5193OFqp0fNdjChx9ppEtFLqHt79Wci3DSRvKSER_gMJLkZTajNnYdk5L9LN_dPD4nNFHOaBxJS8xdKxS8rbe/s320/nav.gif) repeat-x;
color:#FFFFFF;
text-decoration:none;
width:100%;
height:auto;
text-align:center;
-moz-border-radius:5px;
border:1px solid #999999;
}
a:hover.tooltip {
font-size:99%;
cursor:pointer
}
a:hover.tooltip span {
display:block;
position:absolute;
-moz-opacity:0.9;
top:auto;
left:auto;
right:-20px;
bottom:30px;
line-height:14px;
font-size:12px;
font-weight:normal;
}
-Klik Save
Langkah ke 2 :
- Efek tulisan agar muncul tooltip, copy paste kode di bawah lalu sisipkan pada link tulisan yang di inginkan
- Untuk efek gambar maka kodenya seperti di bawah ini, lalu sisipkan pada link gambar yang di inginkan
- Jika sudah maka selesai...
0 komentar:
Posting Komentar
Jangan lupa komentarnya.....