Home » » Cara Mudah Menyisipkan Icon Pada Label Atau Kategori Blog

Cara Mudah Menyisipkan Icon Pada Label Atau Kategori Blog


Langkah-langkah unutk menyisipkan/memasukkan icon pada 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> (tekan Ctrl+F,kemudian klikF3) 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;
overflow:auto;
height:
250px;
}
#Label1 li, #Label2 li{
background:url(
http://i1091.photobucket.com/albums/i388/supriantomeliau/1302854336_arrow_large_right-1.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;
}


Yang perlu dirubah pada warna biru 

1. Height = tinggi kotak kategori
2. Background = pilihan gambar icon bisa anda sesuaikan dengan gambar anda sendiri.
3. Padding-life = jarak antara icon dengan teks, bisa anda sesuaikan.
4. jika anda tidak menginginkan scroll bisa and hapus bagian overflow:auto;

Selamat mencoba.

Berikan komentar anda >>