How to add Recent Posts Widget with Thumbnails for blogger

1) Go to Blogger > Layout

2) Click on Add a Gadget

3) Choose HTML/JavaScript and paste the below code in it.

<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://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>

<script style='text/javascript'>

var numposts = 5;

var showpostthumbnails = true;

var displaymore = false;

var displayseparator = true;

var showcommentnum = false;

var showpostdate = false;

var showpostsummary = true;

var numchars = 100;</script>

<script src='http://kumarinfocity.blogspot.in/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Customization

Change http://kumarinfocity.blogspot.in 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