CARA MEMBUAT TOOLTIP KEREN DI BLOG

Tooltip adalah sebuah keterangan dari suatu Link, Tooltip Berguna untuk Memberi keterangan atau sedikit penjelasan tentang isi dari pada Link tersebut,ini berguna agar orang mengetahui tentang isi dari Link tersebut silahkan lihat demo Cara membuat tooltip keren di blog

DEMO

Nah Bagaimana Apakah Anda Tertarik bila ia silahkan ikuti langkah - langkah nya di bawah 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.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;
 }

Cara Menggunakannya / Pemanggilannya kode nya Seperti di Bawah ini

<a class="popuptooltip" href="#">judul link<span>ini Adalah Contoh Tooltip Keren Dari Css</span></a>

keterangan :
# adalah link
judul link adalah judul link anda
kode berwarna merah ganti dengan keterangan tooltip

selamat mencoba Tooltip keren dengan css ini

Continue reading →