Cara Membuat Popular Post Sederhana

Alasan kenapa widget Popular Post wajib di pasang di sebuah blog adalah karena membuat pengunjung mengetahui artikel atau postingan yang paling sering di baca di situs/blog anda.

Sejatinya widget Popular Post merupakan kumpulan artikel-artikel yang paling sering di baca pengunjung blog.

Banyak macam variasi widget Popular Post dari yang biasa sampai yang dimodifikasi atau  dari yang sederhana sampai yang berwarna-warni.
Widget Popular Post yang akan saya share ini terbilang simple dan sederhana, tampilannya hanya menampilakan angka-angka dari jumlah artikel yang masuk popular post beserta judul saja.

Baca juga: Cara Membuat Popular Post Keren Warna-Warni

Bagi yang berminat, ikuti langkah-langkahnya berikut ini:

Masuk  ke blog

Klik Tata Letak 

Lalu Tambahkan Gadget

Klik Popular Post

Pada setingan popular post hilangkan centang pada Thumbnail dan Cuplikan.

Kemudian klik Simpan 

Selanjutnya Klik Tema

Klik Edit HTML (klik backup/pulihkan untuk berjaga-jaga)

Pada kolom HTML cari kode ]]></b:skin> 

Untuk mempercepat pencarian pada kolom edit HTML klik kanan di mana saja lalu tekan CTLR+F

Akan muncul kolom pencarian di pojok kanan atas

Ketikan kode yang di cari pada kolom pencarian lalu Enter

Setelah ketemu tempatkan kode berikut 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: #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; }

Klik pratinjau, jika semuanya berjalan lancar klik simpan.