Sekilas Gosip Trik Menciptakan Popular Post Keren Dengan Nomor

Cara Membuat Popular Post keren dengan nomor,- Dulu di selesai tahun 2015 aku pernah membagikan tutorial menciptakan popular post bagus warna-warni di blog, nah kali ini aku kembali akan membagikan tutorial menciptakan popular post keren di blog dengan desain yang aku buat sendiri, untuk demonya sanggup pribadi lihat di template ini. postingan ini aku bikin alasannya yaitu ada request dari salah satu pengunjung yang menginginkan gaya popular post dari template ini, alasannya yaitu sudah menciptakan kesepakatan makanya aku akan secepatnya menciptakan tutorialnya dan maaf sekali gres sanggup kini buatnya.

Sebelumya apa yang dimaksud dengan popular post? popular post sendiri yaitu salah satu fitur yang ada pada sebuah blog yang menampilkan semua entri atau postingan yang paling banyak dilihat oleh pengunjung yang dijadikan dalam satu daftar widget. Jika anda pemilik blog berplatform blogger pastinya anda sangat mengetahui salah satu fitur popular post ini, alasannya yaitu ketika gres pertama kali menciptakan blog widget yang niscaya ada pertama kali yaitu popular post. widget ini cukup bermanfaat alasannya yaitu tidak hanya menambah page view blog juga akan menciptakan artikel yang unggul tetap bertahan di search google. (ini sih pendapat saya).

Nah buat anda yang tertarik dengan popular post menyerupai di blog ini silahkan ikuti tutorial yang akan aku berikan, yang dimana popular post ini sudah aku kasih nomor yang akan menciptakan tampilan populat post semakin keren alasannya yaitu sanggup dengan gampang melihat peringkat artikel paling popular tanpa menghitung peringkat. terlebih lagi popular post ini aku jamin responsive dan tanpa memberatkan loading blog. Ok pribadi saja berikut tutorialnya.

Cara menciptakan popular post menyerupai blog ini

1. Pertama silahkan masuk ke blogger.
2. Semudian masuk ke hidangan template dan klik Edit HTML.
3. Setelah itu silahkan cari instruksi popular post, biasanya instruksi popular post menyerupai #PopularPosts atau .PopularPosts, jikalau sudah ketemu silahkan hapus semua instruksi popular post tersebut dan ganti dengan instruksi popular post dibawah ini.

/*Popular Post*/
.PopularPosts ul,.PopularPosts li,.PopularPosts li a{margin:0;padding:0;list-style:none;border-radius:10px;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:black;counter-reset:num}.PopularPosts ul li{border-bottom:1px dashed #ddd;background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.0em .8em .0em!important;counter-increment:num;position:relative;}
.item-thumbnail img{float:left;margin:0 10px 0 0}.PopularPosts a{color:#333!important}
.PopularPosts a:hover{color:#222!important}
.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}.PopularPosts ul li:before{content:counter(num)!important;font-weight:bold !important;
display:block;
position:absolute;
bottom:0px;
right:0px;
border-radius:16px;
background-color:#555;
color:#fff !important;
width:28px;
height:28px;
line-height:28px;
text-align:center;
padding-right:0px !important;
border:2px solid #07ACEC;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}
.PopularPosts ul li:nth-child(1){background-color:#fff}
.PopularPosts ul li:nth-child(2){background-color:#fff}
.PopularPosts ul li:nth-child(3){background-color:#fff}
.PopularPosts ul li:nth-child(4){background-color:#fff}
.PopularPosts ul li:nth-child(5){background-color:#fff}
.PopularPosts ul li:nth-child(6){background-color:#fff}
.PopularPosts ul li:nth-child(7){background-color:#fff}
.PopularPosts ul li:nth-child(8){background-color:#fff}
.PopularPosts ul li:nth-child(9){background-color:#fff}
.PopularPosts ul li:nth-child(10){background-color:#fff}

4. Terakhir tinggal simpan template dan lihat hasilnya.

Nah biasanya jikalau anda memakai thumnail atau gambar akan menciptakan tampilan popular post kurang yummy dilihat, oleh alasannya yaitu itu silahkan nonaktifkan tampilan gambar dan deksripsi popular post. untuk caranya sanggup dilihat dibawah ini.

Cara menciptakan popular post responsive

1. Untuk caranya silahkan masuk ke hidangan tata letak.
2. Kemudian klik "Edit" pada widget popular post.
3. Setelah itu pada bab tampilan silahkan hilangkan centang pada thumbnail gambar dan cuplikan.

4. Terakhir tinggal simpan.

Dengan begitu tamilan popular post blog anda hanya akan terdapat judul dan nomor saja, silahkan bereksperimen sendiri jikalau tampilan popular post tersebut kurang memuaskan bagi anda. sekian tutorial blog yang sanggup aku share dan terima kasih.