Artikel tentang : Internet, website,blog, tips dan trik,ebook, software gratis, Antivirus digibook, tutorial, antivirus, SEO, terbaru, 98fbr, meta tag, keyword,free download,Free Download, iPad, dll

Rabu, 03 Agustus 2011

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 :

2 komentar:

  1. kagak berhasil sob, gimana? tolong direvisi atau diapain lah,

    saya tunggu di blog saya

    BalasHapus
  2. @Lukman Khakim

    maaf sebelumnya sob, setelah saya cek dan uji ternyata peletakan code jQuery yang salah...
    postingannya sudah saya revisi kembali, silahkan dicoba kembali..
    terimakasih atas komennya..

    BalasHapus