Cara Buat Popular Post Keren di Blog atau Website
19 April 2013
Selamat malam sobat Blog Manado, kali 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 saja 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>
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjq1kAefFlRRmoDhVQ8IhuCNU-VatoQxyOtnk8IEwetJV2mZa-F1g2Rj3uN-A9J0u95rcsas-upVSL4fP8GBhSZZFsRLdgBFlgSbGItD86p28a6rNPMdr7VwNwS12UyFEXu06_vk3B1ZM/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJHcIIz5s9KdWFamMaGrjPSyX3vw1vkyQe9Cp2zZWwbmijCP_9kgpisv8LmUBvWo4Da6raNCNDzq-3RwuJmcEjDx_7muQWmzXCF5QTFlSgO4Sft_v4qlkwToQw3ATwONW2e92HACQTupM/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.