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:
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(http://i965.photobucket.com/albums/ae136/boujan/folder.png) 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.
No comments: