Teknologi dan Komputer

Modifikasi Popular Post Keren Dengan Urutan Angka

Teknologi Virtual

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.

0 comments:

Posting Komentar

= > Silahkan berkomentar sesuai artikel di atas
= > Berkomentar dengan url (mati/ hidup) tidak akan dipublish

 

Recent Post

Ilmu Komputer

Linux

Indoamaterasu