Cara Membuat Popular Posts Keren

Sebelumnya saya sudah pernah membahas "Cara Membuat Popular Post Keren dan Bergerak" Nah untuk kali ini saya akan membahas cara memasang  Popular Post Keren tapi tidak bergerak, Untuk mempercantik tampilan halaman blog dan menarik pengunjung Agan-agan bisa membuat sebuah Popular Post yang keren sehingga kelihatan hidup halaman blog Agan semua. Untuk lebih jelasnya langsung simak aja cara dibawah ini.

Jika anda ingin membuat Popular Post menjadi keren,
Langsung saja berikut langkah-langkah memasang Popular Post keren.
1. Pertama-tama Log In terlebih dahulu ke account Blogger Anda.
2. Jika sudah login, di bagian dashbord blog pilih Template untuk mengakses halaman edit HTML. 
3. Jika sudah jangan lupa back-up template blog sebelum melakukan edit HTML 
4. Jika sudah cari kode ]]></b:skin> (Gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
5. Jika sudah ketemu, Copy kode dibawah dan letakan diatas kode ]]></b:skin>


<style>
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #fff url(http://1.bp.blogspot.com/-PCZ1mg2a0Bk/UHpxmZVBI3I/AAAAAAAAB9Q/JdPm54-yLkI/s1600/rb+cancel+icon...jpg) no-repeat scroll 5px 10px;
list-style-type: none;
margin: 0 0 5px 0px;
padding: 5px 5px 5px 33px !important;
border: 1px dashed #dddddd;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.popular-posts ul li:hover {
background: url(http://4.bp.blogspot.com/-dAl1D7VgX_g/UHpycJXoLoI/AAAAAAAAB9Y/dPoMTxQ1bfU/s1600/rb+mark+icon...jpg) no-repeat 2px;
border: 2px solid #b60000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
</style>

6. Save/Simpan dan lihat hasilnya.