Live Preview 1 Live Preview 2 Popular Posts Gadget of Blogger has a specific fixed style that isn't changed. Here we will provide a new style for this widget. You can edit it easily by yourself if you have basic information in HTML, CSS and JAVA. Popular Posts Style 1 - Live Demo Step 1: the CSS code Copy the following css code and paste it before </head> tag <style type='text/css'> .popular-posts ul { list-style: none; padding: 0; } .popular-posts ul li { float: left; width: 150px; height: 150px; padding: 10px !important; overflow: hidden; box-sizing: border-box; position: relative; } .popular-posts .item-thumbnail { margin: 0; background-color: #000; } .popular-posts img { height: 100%; width: 100%; box-sizing: border-box; padding:0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .popula