Cara Memberi Icon Pada List Entri Populer dan Kategori

Coretan Bang Dadan on

Wednesday, December 12, 2012

Assalamu'alaikum Wr.Wb

Cara Memberi Icon Pada List Entri Populer dan Kategori - Pada kesempatan sore hari ini bang dadan akan membahas Cara Memberi Icon Pada List Entri Populer dan Kategori. Tutorial seperti ini mungkin sudah banyak yang membahas terutama para sahabat - sahabat blogger yang sudah lama menggeluti dunia blog. namun tak ada salahnya juga bang dadan bahas lagi kali ini, itung-itung sebagai tabungan artikel saja, dan apabila sudah ada di blog sendiri kan enak, kalau misalkan kita mau pakai lagi cara ini gak mesti browsing cari-cari artikelnya lagi, kita tinggal buka di blog sendiri aja. benarkan?? hehe...

Oke langsung saja bagi sobat yang ingin menerapkan tutorial ini pada blognya masing-masing silahkan ikuti panduannya dengan baik. berikut panduannya. simak baik-baik ya sob??

---

Cara Memberi Icon Pada List Entri Populer dan Kategori

---

• Pertama otomatis kita haris login dulu diblog masing-masing, jangan di blog orang. hehe
• Setelah login silahkan menuju Dasbor blog Pilih Rancangan ⇉ Template ⇉  lik Edit HTML *jangan lupa klik expand tempalte widgate
•  Selanjutnya Sobat cari kode */ Post
• Setelah ketemu copy kode di bawah ini dan letakan diatas kode */ Post tersebut

Berikut kodenya :

#Label1 ul, #Label2 ul{list-style:none; margin:0 0 0; padding:0 0 8px} #Label1 li, #Label2 li{background:url(https://lh3.googleusercontent.com/-gkpmSNXGZr8/UMhVXtjwK8I/AAAAAAAAAXM/Cj2RRNBTZPg/w497-h373/forward3.gif) no-repeat; padding-top:0; padding-right:0; padding-bottom:3px; padding-left:20px; margin-bottom:3px;border-bottom:0px solid #063E3F; line-height:1.2em}
#PopularPosts1 li{background:url(https://lh3.googleusercontent.com/-gkpmSNXGZr8/UMhVXtjwK8I/AAAAAAAAAXM/Cj2RRNBTZPg/w497-h373/forward3.gif) no-repeat; padding-top:0; padding-right:0; padding-bottom:3px; padding-left:20px; margin-bottom:3px;border-bottom:0px solid #063E3F; line-height:1.2em} .breadcrumb{padding:5px 5px 5px 0px; margin:0px 0px 10px 0px; font-size:80%; line-height:1.2em}

• Selanjutnya Klik Simpan Tempale. Selesai deh mudah kan?

Keterangan :

• Warna Kuning adalah kode untuk Kategori 
• Warna Orange adalah kode untuk Entri Polpuler / Popular Post 
• Warna Merah adalah URL Icon

Sobat bisa mengganti kode-kode diatas sesuai keinginan sobat.

Mungkin sekian dulu pembahasan kali ini tentang Cara Memberi Icon Pada List Entri Populer dan Kategori. Semoga artikel ini berguna buat sobat semua. Bila sobat ingin memberi icon pada setiap list arsip blog silahkan klik disini. dan bila artikel ini bermanfaat silahkan bagikan pada teman yang lain melalui Share ke Facebook, Twitter, Google + atau yang lain pada buton share dibawah.

Ahirulkalam bang dadan ucapkan.

Bilahitaufiq Walhidayah

Wassalamu'alaikum Wr. Wb

Labels: blogger tutorial, template hack, Widget

Thanks for reading Cara Memberi Icon Pada List Entri Populer dan Kategori. Please share...!