New Simple Recent Posts Widget With Thumbnail image For Blogger Blogs

What is Recent Posts Widget?

Recent Posts widget is a widget which shows visitors the Most recent posts from your blog. Its a simple way for Visitors to find your blog's Recent posts Easier. This will help you to bring More traffic too on your blog. Adding thumbnails on this widget will Make it More Attractive.

Preview Image

How to Add this Widget on Blogger?

Now iam going to tell you the step by step procedure to Add this widget for your blog.

Step 1: Goto your Blogger Dashboard.

Step 2: Layout --> Add a gadget --> HTML/JavaScript.

Step 3: Now paste the Below code on HTML/Javascript.

<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.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='http://yourjavascript.com/1159358112/www.mybloggertopic.blogspot.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<hr/><small><a style='margin-left:10px;align:right;' href='http://www.gobloggertricks.com/2014/07/New-Recent-posts-blogger.html'>Get this widget</a></small>

Step 4: Now save this widget.

That's All you are done.

Customise:

Var numposts = 5 ( Change the Values to display Any number According to your wish )

Change the Values of True to false to Show/Disable the Features of this widget.