cara membuat popular pos menjadi keren

Popular pos adalah widget yang wajib dipasang pada blog kita untuk mempermudah pengunjung untuk mencari pos terbaik pada blog kita.yang ane bahas kali ini cara membuat popular pos menjadi keren dengan CSS3 yang pastinya keren...

oke kita mulai tutorialnya:

1. masuk dasbor blogger
2. pilih template

     3.klik edit HTML

     4.jika sudah cari kode ]]><b:skin> dan copykan kode berikut diatasnya

.popular-posts ul{padding-left:0px;} .popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMIpQVN-X0_IrlqTI_IaGVtmMm0ac2_zYLsUq7Xy8-tkbZh8YJe-crXaDahtbtCpiv0Rstb_U8oschDRBkgzJ9eirvExJ6R5MSvT5UzDvNwp-ZFgVd_6-uoMRamg3w-kKS20t6os9zG0/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:2px solid #6BB5FF; background:#000000; } .popular-posts ul li a:hover { text-decoration:none; color:#FFF8DC; } .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); }

     5.simpan dan selesai

Gimana gan?popular pos yang pastinya keren sudah ada diblog agan.jika masih bingung bisa komentar dibawah,jangan lupa untuk mampir ke postingan blog ane yang lain...