I will teach you how to display round thumbnail on a popular post in blogger easily

How to display round thumbnail popular post widget in Blogger

To Add the popular post widget in the right place to show this numbered popular posts widget on your blog using the below steps.
  1. Go to Blogger Dashboard –> Layout section –> Add a gadget –> Popular posts –> Save Template.
 
Add Below CSS Code In Template to Make Rounded Thumbnail Popular Posts
  • Go to Blogger Dashboard –> Template –> Edit HTML
  • Copy ]]></b:skin> and Find it using Ctrl+F
  • Add the below CSS code just before  ]]></b:skin>
  • Click on Save template button
CSS Code:
.PopularPosts .widget-content {
font-size: 15px;
margin: 0 !important;
}
.popular-posts ul {
margin: 0 !important;
padding: 0 !important;
}
.popular-posts ul li {
list-style: none;
border-bottom: 1px solid #ccc;
border-top: 1px solid #FFFFFF;
padding: 0 !important; }
.popular-posts ul li:first-child {
border-top: 0;
}
.popular-posts ul li:last-child {
border-bottom: 0;
}
.popular-posts ul li:hover {
background: #fafafa;
text-decoration: none;
}
.popular-posts ul li a {
color: black;
display: block;
padding: 18px 24px; } .popular-posts ul li a:hover {
color: orange;
text-decoration: none; }
.PopularPosts img { background: #fff;
border: 1px solid #CCCCCC;
display: block;
float: left;
height: 58px;
margin-right: 8px;
padding: 3px;
width: 58px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; }
.PopularPosts {
background: #F2F2F2;
border: 1px solid #E3E3E3;
}
.PopularPosts h2 {background: url("http://2.bp.blogspot.com/-_NBuXjnez5M/UTF49WUiubI/AAAAAAAAAEQ/vfwTJ19GNk4/s1600/sidebar2_h22.png") no-repeat scroll 0% 0% transparent;
color: rgb(213, 213, 213);
height: 55px;
font-size: 14px;
font-weight: bold;
margin: 0px 0px -28px;
position: relative;
left: -8px;
top: -10px;
width: 365px;
text-align: center;
padding: 8px 0px 0px;
font-family: helvetica;
}
 That’s all. You are done! 
This Post was Last updated on February 27th, 2019, we update our content constantly to give you the best.
Note: We don't support duplicate content, this material and other digital content on this website may not be reproduced, published, broadcast, rewritten or redistributed in whole or in part without prior express written permission from Deegeek Nigeria. All content are protected by the Digital Millemium Copyright Act 1996 (DCMA)