Add Popular Post With Thumbnail

How to add Popular Post with Thumbnail:
1. First of all go to blogger and login your account
2. Now go to template section and backup your template
3. Now click on Edit HTML and search for <b:skin>...</b:skin>


 


4. There hit the arrow icon and it will be expanded
5. Now add the following code above </b:skin> or below <b:skin>
         ----------------------------------------------------------------------------

/*****Popular Posts By WBT******/
.popular-posts ul{padding-left:0px;}
list-style-type: none;
margin:0 0 0px 0px;
padding:1px 5px 5px 13px !important;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
.PopularPosts .item-thumbnail {
padding:2px;
border: 0px solid #ddd;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
height: 72px;
}
.popular-posts img {
 padding:2px;
 border: 0px solid #ddd;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
 box-shadow: 0px 1px 3px #999999;
 border-radius: 3px; 3px; 1px; 1px;
}
.popular-posts img:hover {
opacity: 0.5;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
}

          ----------------------------------------------------------------------------
 6. Click on "Save Template"