Popular post bawaan dari blogger kalau kita lihat-lihat kurang keren, kurang menarik. Apakah kamu ingin mengubah popular post menjadi lebih Simple dan Keren? Saya akan memberikan tutorialnya, dijamin blog anda tidak akan bertambah berat tapi blog anda akan tetap menjadi lebih menarik.
Cara Membuat Popular Post Blog Simple dan Keren:
2. Pilih menu Layout -> add gadget/tambah gadget/widget
3. Pilih gadget popular post
4. Atur seperti gambar dibawah ini, ubah Most viewed menjadi "All time", hilangkan centang pada 'image thumbnail dan 'snippet'
5. Simpan widget anda
6. Sekarang masuk ke menu Template >> Edit HTML
7. Tekan Ctrl+F
8. Cari kode ]]></b:skin>
9. Kemudian letakkan kode berikut ini diatas kode ]]></b:skin>
/* Popular Post by hc-fame.blogspot.com */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhxXBwRT76OKSVoekritkaVUN5zXj3ux-4ju5Xhz_fbvFC3zjLbHCpO-B1V6qL-uq75_CtBPsQnGdLcrva1FNlaZjCZhFHBrqhHeR1ZtO013H6a8lNXE-q8HE-DdtOJKbyRW880sNjXXo/s400/33.gif") no-repeat scroll 5px 8px rgb(255, 255, 255);
list-style-type: none;
margin: 0px 0px 5px;
padding: 5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius: 10px 10px 10px 10px;
}
.popular-posts ul li:hover {
border:1px solid #666666;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
/*--- End Popular Posts by hc-fame.blogspot.com --- */
Anda dapat melakukan perubahan untuk menyesuaikan tampilan default dari kode di atas:
- Untuk mengubah gambar bullet, gantilah link gambar yang bercetak tebal pada kode di atas dengan URL bullet Anda.
- Untuk mengubah warna perbatasan dalam mode aktif editlah bagian ini #dddddd
- Untuk mengubah warna perbatasan pada saat ditunjuk mouse edit bagian ini #666666
10. Dan terakhir, simpan Template Anda
Popular Post anda akan lebih menarik dari sebelumnya. Demikianlah artikel mengenaiCara Membuat Popular Post Blog Simple dan Keren, semoga artikel ini bermanfaat.