July 22, 2017

Cara Memasang Posting Terpopuler - Simple Popular Posts Widget di Blog

July 22, 2017

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

Simple Popular Posts Widget
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

Cara Pasang Widget Popular  Posts

Cara Pasang Widget Popular  Posts


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

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

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

1 comment on Cara Memasang Posting Terpopuler - Simple Popular Posts Widget di Blog

  1. Mas Bro! Cara buat popular post dengan range gimana? biar yang ditampilkan post popular bukan update artikel lama, soalnya buat blog berita...

    ReplyDelete

Contact Form

Name

Email *

Message *