Mengenal 15 Prosesor AMD Dari Awal Hingga Ryzen

Pada bulan Februari 2017, AMD secara resmi meluncurkan prosesor generasi terbarunya dengan nama kode Ryzen. Hadirnya generasi terbaru ini se...

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.

Berlangganan update artikel terbaru via email:

Related Post

0 Response to "Modifikasi Popular Post Keren Dengan Urutan Angka"

Posting Komentar

= > Silahkan berkomentar sesuai topik artikel di atas
= > Berkomentar dengan URL (mati/ hidup) tidak akan dipublish
= > Gunakan gaya bahasa dan tata penulisan yang mudah dipahami

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel