Cara Membuat Entri Populer dengan Angka

Kembali saya berbagi tutorial tentang design widget blogspot. kali ini kita akan mempercantik entri populer atau post populer dengan menggunakan angka tertinggi yang paling banyak di kunjungi pengunjung di blog kita. kalau dulu saya pernah bagikan cara memodifikasi gambar post populer namun itu sudah cara lama sekarang ini cara baru.

Tentang post populer atau entri populer merupan widget yang disediakan oleh blogger untuk menentukan postingan yang mana banyak dicari contohnya sobat bisa lihat disidebar kanan blog ini selama masih belum saya modifikasi lagi, populer post dibedakan menjadi 3 kategory yaitu untuk mingguan, bulanan dan sepanjang waktu. ketiga varian ini bisa kalian setting sendiri melalui tambah widget di template sobat.

langsung saja kita edit CSSnya dahulu untuk langkah-langkahnya sebagai berikut :

1. login ke blogger kalian.

2. meuju ke edit template. kalau sudah silahkan cari kode :

.PopularPosts 

kalau sudah menemukan kode tersebut sobat ganti dengan kode css dibawah ini, 

/* Popular Posts-giga-watt.blogspot.com*/
.popular-posts ul {padding-left: 0px;counter-reset: popcount;}
.popular-posts ul li:before {list-style-type: none;margin-right: 15px;padding: 0.1em 0.6em;counter-increment: popcount;content: counter(popcount);font-size: 15px;background: #0000ff;color: #ffffff;position: relative;font-weight: bold;font-family: arial;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;}

NB: sebelumunya pastikan semua kode CSS tentang PopulerPost hapus semuanya jangan sampai ketinggalan baru masukkan kode diatas.
3. selanjutnya silahkan simpan, langsung menuju ke widget lihat gambar dibawah ini:

buang semua centangan pada widget terus setting berapa entri yang akan kalian tampilkan pada sidebar, kalau sudah silahkan simpan dan lihat hasilnya.

nah itulah caranya membuat entri populer dengan angka, semoga tutorial kali ini bermanfaat buat sobat, salam sukses selalu silahkan mencoba, kalau ada keluhan tinggalkan komentar dibawah postingan ini.