Cara Membuat Widget Popular Post Putih Lonjong

Cara Membuat Widget Popular Post Putih Lonjong - itulah Judul dari Artikel yang saya buat kali ini. Pasti kalian pengen kan punya banyak pengunjung di blog nya ? jawabannya Pasti "YA"

Dan salah satu trick agar blog kita banyak yang mengunjungi / pengunjung Betah saat berkunjung di blog kita adalah, Membuat tampilan Blog kita Semenarik mungkin. Tapi jangan keterlaluan dalam Mendesain blog kita, Jangan terlalu banyak widget yang terpasang. Karena bisa membuat loading blog kita makin berat & pengunjung pun mulai menurun...

Ok, Lanjut ke Tutorialnya . . .


1. Cari kode ]]></b:skin>

2. Kemudian copy dan Paste kode dibawah ini, dan letakkan di atas kode ]]></b:skin>

/* Kode CSS tutorialblogspot.com */.popular-posts ul{padding-left:0}.popular-posts ul li{background:#FFF url() no-repeat scroll 5px 10px;list-style-type:none;border:1px solid #ddd;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-moz-box-shadow:3px 2px 5px #242424;-webkit-box-shadow:3px 2px 5px #242424;box-shadow:3px 2px 5px #242424;margin-bottom:5px;height:40px;padding:5px 5px 5px 20px !important}.popular-posts ul li a{font-style:italic}.popular-posts ul li:hover{border:1px solid #d10202;-moz-box-shadow:3px 2px 5px #d10202;-webkit-box-shadow:3px 2px 5px #d10202;box-shadow:3px 2px 5px #d10202}.popular-posts ulli a:hover{text-decoration:none}.popular-posts .item-thumbnail img{height:40px;width:40px;webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.popular-posts .item-thumbnail img:hover{-moz-box-shadow:0 0 5px #d10202;-webkit-box-shadow:0 0 5px #d10202;box-shadow:0 0 5px #d10202}

3. Save Template

Setting Popular Post nya seperti pada SS dibawah ini

• Hilangkan tanda pada "Snippet" atau "Cuplikan" kemudian Save