Cara membuat widget popular post keren dan unik

Cara membuat widget popular post keren dan unik bisa dilakuka dengan berbagai cara, yang menjadi dasar nya itu ya jelas kode html, nah dibawah saya berikan kode html untuk membuat popular post keran dan unik, silahkan lihat, anda hanya perlu meletakkannya melalui tata letak sobat lalu tambahkan gadget, maka pilih html/ava script, pastekan kode dibawah ini, dan secara otomatis jadi popular post di blog sobat :D

<style>

.popular-posts ul{padding-left:0px;}

.popular-posts ul li {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQCk_UvyufP9IkjETHS1uxcgdqulx3zhzzhp3PuqIAzlAVfqDNUm_DBUXx1y9zXy5PBz5z32M_3Z9YvDyJRHbGhYrV-51wbcro1muZNTgWZ9NpozouT0Du03YjDlL6u-RlQMU_OmT4YY/s1600/rb+cancel+icon...jpg) no-repeat scroll 5px 10px;

list-style-type: none;

margin: 0 0 5px 0px;

padding: 5px 5px 5px 33px !important;

border: 1px dashed #dddddd;

border-radius: 10px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

}

.popular-posts ul li:hover {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-WxZ997NqMv7zWu8qyndECO6cCiryRcKhNVJgMWk5cZJX8w7ALoqeENZUXpej-oC_L6vi6uAF2hrQtHypAZIxsB2Y51PwW5hbifiyEtz0hVnsBtRtG3X525yBsAR4NBusDet9suOJJo/s1600/rb+mark+icon...jpg) no-repeat 2px;

border: 2px solid #b60000;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

}

.popular-posts ul li a:hover {

text-decoration:none;

}

</style>