Membuat Tampilan Populer Post Menjadi Lebih Keren

Membuat Tampilan Populer Post Menjadi Lebih Keren

Ada banyak cara membuat tampilan entri populer menjadi lebih indah dan keren hanya cukup untuk menambahkan Code CCS pada blog. diantara seperti entri populer yang saya buat ini walaupun sederhana tetapi dapat membuat tampilan yang biasa membuat sedikit lebih cantik.

Cara Pembuatan :

1.Masuk ke Dasbor Blogger > Template > Edit HTML.  Cari code : ]]></b:skin> atau </style> dan letakan code dibawah ini tepat diatas code tersebut

/*Popular Post Widget */
.popular-posts ul { padding-left:0; }
.popular-posts ul li { background:#7E85D1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8gkuyWk4kNQTRAQzwp4XxYtKG-nJPWml1ARhn_XDrnC0OyhEsRRX4YJrgPLXqd2HLxGDewmlSmo7_Rv8Bg9uEzr46qov5-4UEkvsjzYmLduJly6-fQWmei3jnvL8RaG29OfwUyLTMBZw/s1600/1.gif) no-repeat scroll 5px 10px; list-style-type:none; margin:0 0 5px 0; padding:5px 5px 5px 20px !important; border:1px solid #ddd;  }
.popular-posts ul
  li:hover {background:#7E85D1 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); }

2.Simpan Template 

Keterangan:
Pastikan anda sudah membuat Entri Populer di Tata Letak > Tambahkan Gadget > Entri Populer