twitterfacebookgoogle pluslinkedinrss feedemail

Jumat, 26 Juli 2013

Modifikasi Populer Post Model Vote

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 widget populer post anda sudah dipasang
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.

0 komentar:

Posting Komentar