Cara Mengubah Tampilan Popular Post Sederhana

Cara Mengubah Tampilan Popular Post Sederhana

Selain recent post, widget Popular post merupakan cara yang sangat penting di pasang di sidebar, ini berfungsi untuk mengetahui artikel kita yang sedang populer atau postingan yang paling banyak dikunjungi oleh visitor. Widget ini sebenarnya telah disediakan oleh blooger sendiri tapi banyak para blogger yang ingin merubah tampilanya agar lebih menarik.

Banyak desain yang disediakan oleh teman teman penyedia tutorial lainya untuk anda tetapi disini saya akan memberikan Desain untuk widget popular post sederhana pada anda. Dan jika anda tertarik dibawah ini saya akan memberikan cara penerapanya untuk anda, caranya cukup simple hanya dengan menambah kode CSS saja pada blog anda. Berikut penerapanya :
Cara Mengubah Tampilan Popular Post Sederhana

Cara Mengubah Tampilan Popular Post Sederhana

1. Login ke akun Blog anda
2. Selanjutnya klik Template dan Edit HTML
3. Copy kode CSS berikut, letakkan sebelum kode ]]></b:skin>
/* Popular Post by kabarlangit */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
background: url("http://4.bp.blogspot.com/-7CHpNrL3BIY/UQFD2sPq6LI/AAAAAAAAI8E/Jibvq813XCE/s400/33.gif") no-repeat scroll 5px 8px rgb(255, 255, 255);
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;
}
/* End Popular Posts by Kabarlangit  */
4.      Simpan template

Coba perhatikan perubahanya pada blog anda. Demikianlah cara penerapannya dan semoga bermanfaat !

Saya merupakan anak ke 8 dari 8 bersaudara, berwatak keras kepala dan sangat mencintai dunia blogging serta desain.
"Love My Mom"

Previous
Next Post »