Modifikasi Popular Post Keren Dengan Urutan Angka
Popular Post atau dalam bahasa Indonesianya Pos Populer ialah suatu widget di blog yang menampilkan kumpulan beberapa postingan artikel yang paling banyak dibaca para pengunjung blog. Popular Post sudah memakai sistem random urut menurut peringkat dengan postingan yang palinbg banyak dibaca.
Penggunaan widget Pos Populer dapat diadaptasi untuk menampilkan postingan paling terkenal selama 7 hari, sebulan, dan setiap saat. Masih berafiliasi dengan Popular Post sekarang akan dibahas cara memodifikasi tampilannya semoga kelihatan lebih bagus dan menawan.
Efek yang dipakai dengan menampilkan No. urut mulai yang paling populer. Tampilannya menyerupai 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 kemudian pergi ke template dan klik edit HTML.
4. Cari isyarat berikut ]]></b:skin> kemudian letakkan isyarat dibawah ini sempurna diatas isyarat tersebut.
5. Lalukan peruahan settingan pada widget Popular Post menyerupai ini.
Penggunaan widget Pos Populer dapat diadaptasi untuk menampilkan postingan paling terkenal selama 7 hari, sebulan, dan setiap saat. Masih berafiliasi dengan Popular Post sekarang akan dibahas cara memodifikasi tampilannya semoga kelihatan lebih bagus dan menawan.
Efek yang dipakai dengan menampilkan No. urut mulai yang paling populer. Tampilannya menyerupai pada gambar di bawah ini.
Tampilan Popular Post dengan No. urut
1. Log in ke akun blogger Anda.
2. Klik tata letak tambahkan widget popular post.
3. Setelah Anda tambahkan widgetnya kemudian pergi ke template dan klik edit HTML.
4. Cari isyarat berikut ]]></b:skin> kemudian letakkan isyarat dibawah ini sempurna diatas isyarat tersebut.
.popular-posts ul {Catatan : Silahkan ubah ukuran font, warna background, dsb pada isyarat yang berwarna.
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;
}
5. Lalukan peruahan settingan pada widget Popular Post menyerupai ini.
6. Simpan dan lihat hasilnya.