Modifikasi Popular Post Dengan CSS

Langsung Saja Kita Ke Langkah Pemasangan,Karena Cukup Mudah Hanya Menambahkan Sedikit CSS Serta Setting Popular Post Pastikan Sudah Aktif ( Widget Sudah Terpasang )

1.Login Blogger Anda

2.Lalu Pilih Template EDIT HTML 

3.Letakan Kode Di Bawah Ini Diatas ]]></b:skin>

4.Save dan Lihat Hasil Nya

.popular-posts ul{padding-left:0}
.popular-posts ul li{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyf6KZT7CCZeVdgGvS8dGQMYgjZ88GqGxnQWOn4dus4AuKoK5KzfDtRKlXzxIBinYHFm8YOk87vboLj-dY61eTytWeVLK_AKevvqo2l3gRn2-adT9telD-CcHk2dfTpFqFdHjU6pFYT-f1/s1600/Icon-2.png) no-repeat scroll 3px 0;list-style-type:none;border:1px dashed #2230F1;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;margin:0 0 5px;padding:5px 5px 5px 33px !important}
.popular-posts ul li:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTI2R7obBFAn1l_InLjFjM3ehpDV9xtXJnGQayzbC8lJ7fqedbKaYbYs58EV8Y3JgaZQwwHLmcjeFpvXaGEtSXkA1DTcGQBTupskm4DHUfsnUbR3jf0NyqkDSeaKAfOa-2lTc0KVqqzWeu/s1600/Icon-1.png) no-repeat 2px;border:2px solid #2230F1;-moz-border-radius:8px;-webkit-border-radius:8px}
.popular-posts ul li a:hover{text-decoration:none}

Selamat Mencoba Semoga Bermanfaat !!

Bagikan ke

Facebook Google+ Twitter