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 ...
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 :
Tutorial
- Free Download Ebook Photoshop Top Secret
- 5 Langkah Menjadi Programmer Entrepreneur
- Cara Pasang ShoutBox di blog
- Situs Download Ebook Kuliah Gratis
- 9 Langkah Memulai Usaha
- How To Unlock HSDPA Huawei USB Modem For Free
- Tips Membuat Related Post Keren
- Tips Membuat Symbol Keren di Facebook
- Membasmi Virus Ramnit
- Cara Menambahkan Icon berbeda untuk tiap Widget/Gadget di Blog
- Software Memperbesar Gambar Agar Tidak pecah
- Membuat Energy Saving Move di Blog
- Membuat Button Share di Blog
- ebook Menginstalasi PC
- Software Langka yang bisa Membebaskan komputer Anda dari hung dan Crash
- Dasar Pemrograman Flash Game
- Contoh Program Game Snake sederhana menggunakan Vb 6.0
- 2 Langkah jitu men-Genuine kan Win Xp tanpa software
- Windows Visual Style File For Win XP/7(Android Theme) + Cara menginstall
- Free Download Css menu Generator
- Cara Menjebol, Hack, Uninstal, unlock,membobol Shadow Defender
- Cara Membuat File ISO (Bootable) Windows XP Dengan nlite
- Cara Menambahkan Aplikasi Tambahan Pada CD Installer Windows XP
- Menyimpan File kedalam File Gambar via CMD
Blogging
kagak berhasil sob, gimana? tolong direvisi atau diapain lah,
BalasHapussaya tunggu di blog saya
@Lukman Khakim
BalasHapusmaaf sebelumnya sob, setelah saya cek dan uji ternyata peletakan code jQuery yang salah...
postingannya sudah saya revisi kembali, silahkan dicoba kembali..
terimakasih atas komennya..