Cara Membuat Popular Post 1

ANEUK MUMANG - Oke kali ini saya berbagi tentang membuat Popular Post yang kren untuk bisa anda gunaka di blog kesayangan anda. untuk tahap awal anda perhatikan gambar di wah ini.

Untuk Demo, lihat pada gambar di atas, jika anda memebuatnya akan prsis sperti itu.

Selanjutnya untuk memanggil penarikan bentunya, kita akan menambahkan CSS dalam template anda. ikuti langkah-langh di bawah ini.

- Login akun blogger Anda.
- Letakan CSS di bawah ini kedalam Css di template blog sobat, atau cari kode ]]></b:skin> (CTRL+F)
- Letakan kode dibawah ini diatas ]]></b:skin>

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIzWuzYbdnfn2InkGCGaHBCwegS7y26trA2n6a2sM-y23CJTDAi943847G0_bNPzG4JBxv8dBAcE3JGoZASrzUxOaNoTcB13UhmUdao_Xfp4Sxg5Ca8mLKFO1NRNn2cJjgh8Q7iYgc8bw/s1600/1.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
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);
}

Lanjut, Save/Simpan -Lihat hasilnya 

Semoga sukses