Popular Post Simple

Membuat popular post sederhana dan resvonsive di blog merupakan cara mudah agar blog kita tidak loading lama ketika orang lain membukanya, disini saya akan membagikan tips membuat Popular post simpel seperti gambar di bawah ini : 

Caranya :

1. Buka dashboard Blogger
2. Pilih Tema > Edit HTML
3. Copykan Kode berikut  di atas Code : ]]></b:skin> atau kode </style>

/* Custom CSS for Blogger Popular Post Widget */ 
.popular-posts ul{padding-left:0px;}
 .popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjgq4cCW8VpwNsFVSALkHX85SkEdeA6mV-W73OQuLYQsF_5W4ssUhPCMTWNOa6gJfJTyWVXDEoiMejkldjP3VjVhNPaOyLkR3UO4e_wKA8nyArhSdGLWc-mrShyphenhyphenl0hcb2cSTrwjiLnTQY/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 #dddddd;
 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; }

4. Save Tema,
5, langkah selanjutnya kembali ke dashboard blogger, buka tata letak dan add widget popularpost
6. Save dan lihat hasilnya.

Selamat mencoba.

Tweet