Memasang Popular Post Terbaru

How to Install Latest Post : atau Most Popular pada blog merupakan salah satu widget yang sangat diperlukan untuk sebuah web/blog. Karena widget ini pengunjung lebih mudah melihat artikel-artikel lainnya selain Recent Post dan Random Post. Popular Post ini sebenarnya sama bentuknya dengan popular pos pada umumnya tetapi dengan banyaknya pengetahuan oleh para master tentang CSS maka jadilah tampilan popular post yang sekarang ini. Sesuai dengan yang saya baca pada sumbernya widget ini awalnya berwarnani dan beliau tidak tahu siap pembuat script tersebut.

Jika anda ingin memasangnya pada blog pertama yang harus Anda lakukan adalah menambahkan widget popular post dahulu melalui Tata Letak Pilih Popular Post dan hilangkan tanda centang pada thumbnails dan snippets serta tentukan jumlah itemnya.

Selanjutnya, letakkan script di bawah ini di atas ]]></b:skin> atau </stytle>

.PopularPosts .widget-content ul{margin-top:-7px;padding:7px !important;list-style-type:none;}
.PopularPosts .widget-content ul li{position:relative;padding:10px !important;width:100%;margin-bottom:1px}
.PopularPosts .widget-content ul li:nth-child(1){background:#444}
.PopularPosts .widget-content ul li:nth-child(2){background:#555}
.PopularPosts .widget-content ul li:nth-child(3){background:#666}
.PopularPosts .widget-content ul li:nth-child(4){background:#777}
.PopularPosts .widget-content ul li:nth-child(5){background:#888}
.PopularPosts .widget-content ul li:nth-child(6){background:#999}
.PopularPosts .widget-content ul li:nth-child(7){background:#aaa}
.PopularPosts .widget-content ul li:nth-child(8){background:#bbb}
.PopularPosts .widget-content ul li:nth-child(9){background:#c1c1c1}
.PopularPosts .widget-content ul li:nth-child(10){background:#ccc}
.PopularPosts .widget-content ul li a{color:white;text-decoration:none;}
.PopularPosts .widget-content ul li a:hover{color:#20c1ea;}

Keterangan :
Silahkan ganti background (.PopularPosts .widget-content ul li:nth-child) pada setiap itemnya sesuai dengan selerah Anda.

Untuk lebih jelasnya silahkan menuju pada sumber artikelnya dibawah ini

Sumber : http://www.kompiajaib.com/2014/01/modifikasi-popular-post-sederhana-tanpa.html