Lagi asyik-asyik'a browsing ke blog orang, pas lagi baca2 komentar perhatian saya tertuju pada komentar yang menanyakan "bagaimana cara membuat mini icon di setiap label blog?" langsung deh kepikiran untuk posting tulisan ini. siapa tau bermanfaat kan untuk kawan2 semua.Nah, sebelum memulainya. Anda harus mempunyai sebuah link iconnya dulu.
sebagai contoh ini ada sebuah icon yang sudah saya upload. alamatnya adalah,
http://i965.photobucket.com/albums/ae136/boujan/folder.png
nah, sekarang agar gambarnya tampil. Anda mesti menambahkan kode lagi. jadinya seperti di bawah ini:
<img src="http://i965.photobucket.com/albums/ae136/boujan/folder.png"/>
dari kode di atas, maka gambarnya akan terlihat seperti ini:
Jika ingin menggunakan Icon lain Lihat DISINI
Sekarang langkah-langkah memasukkannya icon di Label atau Kategori bisa Anda lihat di bawah ini:
1. Login ke Blog
2. Klik Rancangan
3. klik menu Edit HTML
4. berikan centang pada Expand Template Widget
5. cari kode ]]></b:skin> setelah ketemu, pastekan kode di bawah ini tepat di atas kode ]]></b:skin> tadi.
/*ICON LABEL----------------------*/
#Label1 ul, #Label2 ul{
list-style:none;
margin:0 0 0;
padding:0 0 8px;
}
#Label1 li, #Label2 li{
background:url(Link Icon yang sobat inginkan) no-repeat;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:20px;
margin-bottom:3px;
border-bottom:1px dotted #063E3F;
line-height: 1.2em;
}
tulisan yang tercetak merah di atas adalah URL gambar tadi. terserah Anda mau ganti dengan gambar Anda sendiri.
kalau sudah silakan di SAVE dan lihat hasilnya di blog Anda.
jika trik kali ini berhasil, pasti blog Anda akan terlihat lebih Cool seperti orang yg punya mungkin :P
hehehe...
Sekian dulu yaa untuk postingan kali ini.
semoga tutorial yang singkat ini dapat membantu Anda dalam mengutak-atik blog.
Semoga bermanfaat....
0 komentar:
Posting Komentar