Nih Modifikasi Popular Post Keren Dengan Urutan Angka

Popular Post atau dalam bahasa Indonesianya Pos Populer ialah suatu widget di blog yang menampilkan kumpulan beberapa postingan artikel yang paling banyak dibaca para pengunjung blog. Popular Post sudah memakai sistem random urut menurut peringkat dengan postingan yang palinbg banyak dibaca.

Penggunaan widget Pos Populer dapat diadaptasi untuk menampilkan postingan paling terkenal selama 7 hari, sebulan, dan setiap saat. Masih berafiliasi dengan Popular Post sekarang akan dibahas cara memodifikasi tampilannya agar kelihatan lebih anggun dan menawan.

Efek yang dipakai dengan menampilkan No. urut mulai yang paling populer. Tampilannya ibarat pada gambar di bawah ini.

Popular Post atau dalam bahasa Indonesianya Pos Populer ialah suatu widget di blog yang m Nih Modifikasi Popular Post Keren Dengan Urutan Angka

Tampilan Popular Post dengan No. urut

Cara memasang Popular Post :

1. Log in ke akun blogger Anda.
2. Klik tata letak tambahkan widget popular post.
3. Setelah Anda tambahkan widgetnya kemudian pergi ke template dan klik edit HTML.
4. Cari arahan berikut ]]></b:skin> kemudian letakkan arahan dibawah ini sempurna diatas arahan tersebut.

.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: #359bed;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
}
.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;
}

Catatan : Silahkan ubah ukuran font, warna background, dsb pada arahan yang berwarna.

5. Lalukan peruahan settingan pada widget Popular Post ibarat ini.

6. Simpan dan lihat hasilnya.