Show Recent Post in Blogger with Thumb Image

bloggerHow to Display Latest Recent posts in blogger (blogspot) Show any number of posts and topic in yo widget area it’s easy below make you to enable Comments, Date, post summary, and read more link. we already shared many blogger tutorial with you like Add share button below post title and Remove Sticky Widget also Related Post Widget in blogger

Follow these very simple steps to add the “Recent Posts Widget with Thumbnails” in your blog.

  • Go To Blogger > Design > Page Elements
  • Click on “Add a Gadget” link
  • From the pop-up window, choose HTML/JavaScript
  • Copy and paste the following code below


<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='<a href=""></a>'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;</script>
<script src=''></script>
<hr/><small><a href='' target='_blank'>Wrock.Org</a></small>


make Changes According to You:

  • Change to Your Blog address
  • Change numposts = 5 to Show number of Recent posts with thumbnails
  • Change numchars = 100 to number of characters to show in summary of recent posts
  • Change true to false to activate or deactivate any feature of this widget
  • Don’t Forget to Save it

Leave a Reply

Your email address will not be published. Required fields are marked *

Show Ads between Post Content in WordPress

Activate Vodafone 3G Offer on Sony Xperia Z