Membuat Widget Popular Posts Keren di Blog

Popular Posts berfungsi sebagai navigasi menu dan internal link yang bagus buat blog dan dianjurkan oleh Google. Dengan internal link, blog kita akan menjadi User Friendly. Popular Posts juga berfungsi untuk mengetahui artikel mana yang lebih sering atau banyak dibaca oleh pengunjung blog kita.


Pada kesempatan kali ini, kita akan membuat Popular Posts yang keren untuk di blog kalian.

Cara Membuat Widget Popular Posts Keren di Blog:

1. Buka Blog kalian lalu masuk klik Tata Letak

2. Klik "Add a Gadget" di Sidebar
3. Tambahkan/Pilih "Popular Posts Widget"

4. Centang pilihan sesuai selera kalian, bisa dengan gambar, ringkasan atau keduanya. Bisa juga tidak mencentang keduanya.

5. Save atau simpan

Cara Menambah Style Popular Posts Widget:

1. Klik menu "Template" >> "Edit HTML"
2. Cari (Ctrl + F) kode </b:skin>
3. Copy + Paste kode berikut ini sebelum atau di atas kode </b:skin> tadi.
.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; }

Selamat, Anda sudah Membuat Widget Popular Posts Keren di Blog Anda!
Jangan lupa beri komen di bawah artikel ini.[enricoleonardo]