cara membuat widget popular post dengan angka dalam kolom keren

seperti ini hasilnya....

                  bagaimana caranya ikuti langkah dibawah ini...

• Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu
• Kemudian pilih -> Tata letak -> Tambah gadget -> Pilih Entri populer dari daftar
• Anda perlu untuk mengkonfigurasi pengaturan seperti yang ditunjukkanpada gambar di bawah: jangan centang "thumbnail gambar" dan juga"cuplikan" lebih baik lagi yang akan Anda tampilkan sekitar 7-9postingan.

• Kemudian simpan..

                  MENGUBAHSUAIKAN PLUGIN POPULAR POST 

• Masuk ke akun blogger anda kemudian pilih -> Template -> Edit HTML
• Cari tag/kode ]]></b:skin>  
• Berikutnya kopi dan pastekan kode CSS dibawah ini tepat diatas kode]]></b:skin> 

.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
} 
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}

.popular-posts ul li a:hover {
text-decoration:none;
}

                                            cUSTOMISASI

• Untuk mengubah warna latar belakang (background) persegi empat/bundar silahkan edit #292D30 
• Untuk mengubah warna text silahkan edit  #ffffff 
• Secara default bentuknya persegi empat, untuk merubah menjadi bulat anda tinggal menambahkan kode dibawah ini setelah kode  box-shadow: 1px 2px 9px #666666; 

border-radius:15px;

• Simpan template, selesai.. 

akhirnya selesai lalu simpan dan lihat hasilnya...