Cara Memasang Populer Post di Blogger
Popular post merupakan tampilan dari beberapa judul artikel yang paling banyak pembaca oleh pengunjung sebuah blog maupun website. Di kalangan blogger Indonesia widget popular post sering dinamai dengan Terpopuler, Paling Banyak Dibaca dan lain sebagainya.
Widget popular post merupakan hal wajib pada sebuah blog, selain memperlengkap tampilan blog juga dapat menuntun pengunjung blog untuk membaca artikel yang paling banyak dibaca pada sebuah blog. Widget Populer post juga banyak berjasa dalam meningkat pageview blog, karena pembaca blog semakin "betah" untuk menelusuri seluruh artikel sebuah blog.
Bagi sobat yang baru membuat sebuah blog, ada baiknya untuk memasang widget popular post blog sebagaimana alasaan-alasan yang diuraikan diatas. Blogger sudah menyediakan widget populer post default di dasboard gadget blogger, sobat Kopipancung tinggal mengikuti beberapa langkah muda berikut ini :
Untuk memasang widget popular post default blogger, silahkan ikuti uraian tahapannya sebagai berikut :
- Login ke blog > Pilih Tata Letak
- Kemudian pada tampilan tata letak blog, klik +Tambahkan Gadget
- Lalu akan tampil sederet gadget blogger, cari dan klik widget populer post
- Kemudian setting tampilan popular post sesuai dengan selera
Setelah menyelesaikan tiga langkah diatas, widget popular post blog sobat sudah terpasaang.
Selanjutnya sobat bisa memodifikasi tampilan popular post agar terlihat lebih ramping dan menarik dipandang mata, untuk merubah tampilan popular post menjadi lebih elegan dan sederhana sobat bisa mengikuti tahapan singkat berikut ini :
- Login ke blogger
- Klik menu "Tata Letak" kemudian "Desain Tema"
- Klik "Lanjutan" dan "Tambahkan CSS", kamudian pastekan scrip di bawah ini pada kolom tambahkan CSS lalu klik "Terapkan ke Blog"
Kode scrip yang dipastekan :
/* Popular Post Widget by Kopipancung ~
----------------------------------------------------------------- */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
font:normal normal 11px/1.4 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
color:#666666;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 10%;
width:35px;
height:35px;
float:left;
}
.PopularPosts ul li {
background-color:#f3f3f3;
margin:1% .5em -5% 0;
padding:.5em 1.5em .5em .5em;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a {
font-weight;
font-size:120%;
color:inherit;
text-decoration:none;
}
----------------------------------------------------------------- */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
font:normal normal 11px/1.4 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
color:#666666;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 10%;
width:35px;
height:35px;
float:left;
}
.PopularPosts ul li {
background-color:#f3f3f3;
margin:1% .5em -5% 0;
padding:.5em 1.5em .5em .5em;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a {
font-weight;
font-size:120%;
color:inherit;
text-decoration:none;
}
Setelah kode scrip dipastekan, maka tampilan popular post blog sobat akan semakin menarik sebelumnya (tampilan default). Demikian, semoga dapat membantu sobat blogger sekalian.
