Kebanyakan tampilan entri populer kurang menarik. Kadang kita juga bosan melihat tampilan sederhana seperti biasanya. Ingin merubah tampilan entri populer? Tenang kawan...sekarang saya berikan tutorial membuat entri populer cantik. Tertarik? ikuti langkah berikut.
Log in ke blog anda
Klik Rancangan
Klik Tambah Gadget
Pilih Entri Populer
Buat demonya liat witget entri populer di blog ini atau klik demo entri populer
Selanjutnya klik Save atau Simpan
Kemudian klik Edit Template
Masukkan kode berikut di atas kode ]]></b:skin>
.popular-posts ul{padding-left:0px}Klik Simpan Template dan lihat hasilnya
.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}
Selamat Mencoba dan sukses selalu
0 komentar:
Post a Comment