Saturday, May 4, 2013

Cara Membuat Icon Label Pada Blogger


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:

close
close