Mempercantik Tampilan Entri Populer ya ketika kamu bosan dengan tampilan Entri Populer yang biasa biasa saja , kali ini saya akan berbagi Tutorial Blog mengenai cara Mempercantik Tampilan Entri Populer. jadi nanti kamu akan memiliki tampilan Entri Populer yang Simpel namun cantik dan Elegan seperti gambar di samping atau lebih tepatnya ENTRI POPULER di SitusMadu, sehingga para pengunjung pun semakin betah berlama lama di Blog kita, apalagi kalo Isi dari Blog kita semuanya berkualitas.. wiiss tambah oke tuh..
Langsung saja ini cara Mempercantik Tampilan Entri Populer :
- Seperti Biasa, Anda kudu masuk dulu ke Blog masing masing.
- Pilih Rancangan >> Tambah Gadget >> Pilih Entri Populer.
- Kemudian Save/Simpan
- Setelah itu kamu harus masuk ke menu Edit HTML/Edit Template.
- Temukan kode berikut ]]></b:skin>
- Cara cepat carinya tinggal pencet Alt + F
- Setelah ketemu simpan kode di bawah ini tepat di atas kode ]]></b:skin>
.popular-posts ul{padding-left:0px}
.popular-posts ul li{background:#FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px; list-style-type:none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.popular-posts ul li:hover{border:1px solid #6BB5FF}
.popular-posts ul li a:hover{text-decoration:none}
.popular-posts ul li{background:#FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px; list-style-type:none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.popular-posts ul li:hover{border:1px solid #6BB5FF}
.popular-posts ul li a:hover{text-decoration:none}
- Langkah terakhir Simpan template.
Sekarang lihat Blog anda dan gimana hasilnya.. tntunya anda sudah memiliki Entri Populer yang cantik.
Selamat mencoba , terimakasih sudah berkunjung ke SitusMadu - Manisnya Belajar dan Berbagi
Selamat mencoba , terimakasih sudah berkunjung ke SitusMadu - Manisnya Belajar dan Berbagi
0 nhận xét:
Post a Comment