October 23, 2017

Cara Memasang Postingan Terpopuler yang Simple di Blog

Cara Memasang Postingan Terpopuler yang Simple di Blog. Pada kesempatan kali ini saya akan membahas cara memasang widget popular post yang simpel dan sederhana. 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

#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 Postingan Terpopuler yang Simple di Blog. Selamat Mencoba!
Previous Post
Next Post

post written by:

Kedia Riani is a young and challanging web, graphics and logo designer.
Big publisher at Adsense also.