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 >>
Labels:
Panduan Membuat Blog
Terima Kasih sudah membaca artikel Cara Mudah Menyisipkan Icon Pada Label Atau Kategori Blog. Bantu Like dan sebarkan melalui fb, tweeter, dll dibawah ini.. Salam Hangat..!
0 Comment for "Cara Mudah Menyisipkan Icon Pada Label Atau Kategori Blog"