Cara Memasang Posting Terpopuler - Simple Popular Posts Widget di Blog

Baca Juga

Cara Memasang Posting Terpopuler - Simple Popular Posts Widget di Sidebar Blog.

Posting Terpopuler, Artikel Terbanyak Dibaca, Entri Populer, atau Popular Posts adalah Widget di sidebar blogger yang menampilkan secara otomatis konten blog kita yang paling banyak dikunjungi atau dibaca.

Kadang-kadang popular posts justru berupa 'tulisan bebas' yang bukan niche blog kita. Lihat saja Posting Terbanyak Dibaca di CB Blogger.

Widget Popular Posts paling banyak menampilkan 10 judul postingan. Itu bawaan blogger.

Berikut ini desain tampilan popular post yang sederhana, namun cukup elegan dan bersih alias Simple Popular Posts Widget. Tidak dianjurkan menampilkan Popular Posts Widget berupa judul dan gambar karena kadang membuat loading jadi berat.

Berikut ini kode posting terpopuler simple dan cara memasangnya di Blogger. Desainnya berupa angka dan judul postingan sehingga fast loading.

Cara Memasang Posting Terpopuler Simple Popular Posts Widget

Cara Memasang Posting Terpopuler Simple Popular Posts Widget

1. Tema > Edit HTML

2. Copas saja kode berikut ini di atas kode ]]></b:skin>

.PopularPosts h2{padding-right:.4em;padding-left:1em}

.popular-posts ul{padding-left:0;counter-reset:trackit}

.popular-posts ul li{border-bottom:1px solid #f0f0f0;list-style:none outside none!important;margin-left:0!important;overflow:hidden;padding:10px 0!important;transition:all .25s linear 0;counter-increment:trackit}

.PopularPosts ul li:before{content:counters(trackit, ".");padding:0 .1em 0 0;font-size:20px;font-weight:700;color:#C4C4C4;float:left;margin-right:10px}

.PopularPosts li:first-child{border-top:1px solid #f0f0f0}

.PopularPosts li:nth-child(odd){background:#f5f5f5}

.PopularPosts .item-thumbnail,.PopularPosts .item-snippet{display:none!important}

.PopularPosts a,.PopularPosts a:hover{color:#959595;font-size:.9rem}

#PopularPosts1 li{padding-right:1em!important;padding-left:1em!important}

.widget.PopularPosts{padding:1.2em 0!important}

3. Save!

Cara Pasang Widget Popular  Posts:
1. Layout > Add a Gadget di Sidebar
2. Pilih Entri Populer/ Popular Post

3. Konfigurasikan. Jangan centang apa pun!
4. Save!

Demikian Cara Memasang Posting Terpopuler Simple Popular Posts Widget. Good Luck! (www.contohblog.com).*