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:

Panduan Blog

• Cara Menghilangkan Tulisan Template Awesome Inc. Diberdayakan Oleh Google
• Cara Membuat Efek Terang Gambar Di Blog Dengan CSS
• Istilah Istilah Dalam Blog
• Memperkeren Komentar Blog
• Cara Membuat Tab Menu Laman Di Atas Header Blog
• Privacy Policy
• Sitemap ( Peta Situs )
• Cara Membuat Judul Widget Berada Di Tengah Sidebar
• Membuat Navigasi Halaman Berupa Angka
• Membatasi Jumlah Posting per-Label
• Cara Mendaftarkan Blog Di Ribuan Mesin Pencari
• Cara Membuat Scroll Di Widget Arsip Blog
• Cara Membuat Recent Post Dengan Thumbnail Keren
• Cara membuat recent post dengan thumbnail bergerak di blog