Selasa, 13 Januari 2015

Modifikasi Popular Post Keren Dengan Urutan Angka

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.

Tampilan Popular Post dengan No. urut
Tampilan Popular Post dengan No. urut

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. Lalukan peruahan settingan pada widget Popular Post seperti ini.
Konfigurasi entri populer
6. Simpan dan lihat hasilnya.

The author of the blog Teknologivirtual


EmoticonEmoticon