Cara buat Css keren untuk Tooltips Title Link

Bagaimana cara agar Title link terlihat lebih keren dari biasanya, caranya mudah saja silahkan ikuti langkah dibawah ini :
1. Seperti biasa Login ke blogger anda
2. Klik menu rancangan, kemudian klik menu Edit HTML
3. Checklist Expand Template Widget dan jangan lupa untuk mendownload template anda dulu buat jaga-jaga
4. Cari code ]]></b:skin>
5. Kemudian Copy code dibawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script language='JavaScript' src='http://buymythemes-lab.googlecode.com/files/qTip.js' type='text/JavaScript'></script>

6. Pastekan code tersebut tepat dibawah ]]></b:skin>
7. Setelah itu cari code ]]></b:skin>
8. Copy code Css dibawah ini :

div#qTip {
padding: 3px;
display: none;
background: #00c0ff;
color: #ffffff;
font: bold 9px Verdana, Arial, sans-serif;
position: absolute;          
z-index: 1000;
-moz-box-shadow: 2px 2px 2px #afafaf;         /* Anda bisa mengubah Shadow Background */
-webkit-box-shadow: 2px 2px 2px #afafaf;
box-shadow: 2px 2px 2px #afafaf;
}

9. Pastekan code tersebut tepat diatas code
 ]]></b:skin>
10. Simpan Template dan lihat hasilnya

Anda bisa melihat contohnya disini..

Semoga bermanfaat ...

Baca Juga :