DIFINMEDIA.COM
Back Home

Cara Memodifikasi Entri Populer

Sourch Image : www.difinmedia.com
Popular Post atau dalam bahasa Indonesianya Pos Populer adalah suatu widget di blog yang menampilkan kumpulan beberapa postingan artikel yang paling banyak dibaca para pengunjung blog. Popular Post sudah menggunakan sistem random urut berdasarkan peringkat dengan postingan yang palinbg banyak dibaca. Penggunaan widget Pos Populer bisa disesuaikan untuk menampilkan postingan paling populer selama 7 hari, sebulan, dan setiap saat. Masih berhubungan dengan Popular Post kini akan dibahas cara memodifikasi tampilannya supaya kelihatan lebih cantik dan menawan.
Efek yang digunakan dengan menampilkan No. urut mulai yang paling populer. Tampilannya seperti pada gambar di bawah ini.

Cara memasang Popular Post :

1. Log in ke akun blogger Anda.
2. Klik tata letak tambahkan widget popular post.
3. Setelah Anda tambahkan widgetnya lalu pergi ke template dan klik edit HTML.
4. Cari kode berikut ]]></b:skin> lalu letakkan kode dibawah ini tepat diatas kode tersebut.

.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #359bed;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
}
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
Catatan : Silahkan ubah ukuran font, warna background, dsb pada kode yang berwarna.
5. Lakukan perubahan settingan pada widget Popular Post seperti ini.

6. Simpan dan lihat hasilnya.