Cara Baru Merubah / Memodifikasi Tampilan Popular Post

Cara Baru Merubah / Memodifikasi Tampilan Popular Post atau artikel terpopuler dalam blog anda merupakan pembahasan saya kali ini yang saya ambil. Dalam widget bawaan blogger sebenarnya itu bukanlah sebuah cara baru lagi. Tetapi kali ini kita akan mencoba untuk memodifikasi menjadi lebih indah dan keren.

Sebelum memulai untuk memodifikasi, pertama anda buat dahulu popular post nya dengan cara yang sudah ada pada pengaturan blogger. Tetapi kan tempilannya hanya standard dan terkesan monoton. oleh sebab itu, banyak sekali blogger yang berupaya untuk memodifikasi agar tampak lebih keren. Selain tampilan nya semakin cantik, kode script berikut juga sangat ringan pada blog anda.

Cara Baru Merubah / Memodifikasi Tampilan Popular Post

1. Login ke Blogger Anda

2. Menuju Dashboard

3. Pastikan anda sudah mempunyai popular post baaan blogger yang sudah terpasang.

Jika belum punya, buat dahulu dengan melihat tutorial Cara Baru Membuat Artikel Populer dalam Blogspot

4. Klik Templete

5. Klik Edit HTML

6. Cari Kode ]]></b:skin> dengan menggunakan CTRL+F untuk mempermudah

7. Jika sudah ketemu, Letakkan kode berikut ini tepat diatasnya kode ]]></b:skin>

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
list-style-type: none;
margin: 0px 0px 5px;
padding: 5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius: 10px 10px 10px 10px;
}
.popular-posts ul li:hover {
border:1px solid #666666;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

ganti warna tersebut sesuai dengan selera anda
- Warna Hijau : Untuk Mode aktif Link
- Warna Biru : Mode link ketika terkena / ditunjuk kursor

8. Jika sudah selesai, Klik Simpan Templete
9. Jika berhasil maka akan tampil seperti gambar dibawah ini atau pada popular post di blog saya ini

Demikian artikel kali ini mengenai tutorial Cara Baru Merubah / Memodifikasi Tampilan Popular Post semoga bermanfaat bagi anda yang sedang mencari solusi untuk memperindah blog. Terima kasih sudah berkunjung.