Cara Buat Widget Entri Populer Elegant

Gimana ? Cukup keren kaan ? hehe.. Simple tapi elegant.. bagus lah pokoknya, gak kaya widget popular entri bawaan blogger..

Naah.. langsung saja saya kasih tau cara-caranya.. sebagai berikut:

• Log in ke blog anda, lalu masuk ke Dasboard

• Klik Rancangan

• Klik Tambah Gadget/Add Gadget

• Pilih Entri Populer
  
  Beri centang hanya pada pilihan "Setiap saat" yang lain biarkan kosong saja.

• Selanjutnya klik Save atau Simpan

• Kemudian klik Edit Template

• Masukkan kode berikut di atas kode ]]></b:skin>
  
  .popular-posts ul{padding-left:0px}
  .popular-posts ul li{background:#FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px; list-style-type:none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
  .popular-posts ul li:hover{border:1px solid #6BB5FF}
  .popular-posts ul li a:hover{text-decoration:none}

• Klik Simpan Template dan lihat hasilnya

Naah gampang kan ? Selamat mencoba dan berhasil :D

Artikel Terkait: