Memasang Icon Pada Daftar Label

Anda ingin punya tampilan label/kategori yang di samping daftar nya ber-icon? Jika tidak abaikan saja langkah-langkah ini dan jika sebaliknya mari akan saya beri tahu caranya. Sebelumnya saya ingin mengucapkan banyak-banyak terimakasih untuk anda yang sudah mengunjungi blog ini,saya sangat senang atas kehadiran anda disini. Waduh,jadi curhat nih saya. hehehe Yaudin langsung saja kita menuju cara dan langkah-langkah dibawah ini:

-Login/masuk pada blog anda
-Menuju rancangan
-Pilih edit HTML
-Centang kolom Expand Template Widget
-Tekan tombol F3 atau Ctrl+F pada keyboard
-Dan cari kode ]]></b:skin>
-Jika sudah ketemu letakan kode dibawah ini diatas kode ]]></b:skin>

/*ICON LABEL----------------------*/
#Label1 ul, #Label2 ul{
list-style:none;
margin:0 0 0;
padding:0 0 8px;
}
#Label1 li, #Label2 li{
background:url(http://flagcounter.com/images/gem_okay.png) no-repeat;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:20px;
margin-bottom:3px;
border-bottom:1px dotted #ffffff;
line-height: 1.2em;
}

-Ganti alamat icon yang berwarna kuning dengan alamat icon yang anda punya
-Simpan dan lihat hasilnya

Terimakasih,selamat mencoba :)

Tidak ada komentar:

Posting Komentar