Iklan

iklan

Iklan

iklan
,

Iklan

iklan

Cara Memasang Posting Terpopuler - Simple Popular Posts Widget di Blog

Bung Mais Rabu, 29 Desember 2022
Cara Memasang Posting Terpopuler - Simple Popular Posts Widget di Sidebar Blog.

 Simple Popular Posts Widget di Sidebar Blog Cara Memasang Posting Terpopuler - Simple Popular Posts Widget di Blog
Posting Terpopuler, Artikel Terbanyak Dibaca, Entri Populer, atau Popular Posts yaitu 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 alasannya yaitu kadang membuat loading jadi berat.

Berikut ini aba-aba 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 aba-aba berikut ini di atas aba-aba ]]>

.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

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

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


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

Demikian Cara Memasang Posting Terpopuler Simple Popular Posts Widget. Good Luck!
Tutup komentar

Komentar