How to Add Recent Posts Widget

 Step 1: Go to  your Blog Dashboard.
Step 2:Go to Layout > Add a Gadget.
Step 3: Choose HTML/JavaScript Widget.
Step 4: Copy paste the following code inside the widget.

 <br />
<style type='text/css'>img.recent_thumb {padding:0px;width:55px;height:55px;border:0; float:left;margin:12px;} .recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:14px;} ul.recent_posts_with_thumbs li {padding-bottom:0px;padding-top:5px;min-height:65px;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs strong {font-size:10px;}</style>
<p><script style="text/javascript" src="http://www.webaholic.co.in/other/recent-posts-widget-with-images.js"></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 = true; var numchars = 95;</script><script src="http://www.allbloggingtools.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>


 Don’t forget to make these changes

---

**Now change the www.allbloggingtools.com with your Blog Address and Save the widget.
**You can customize the code as per your requirement, To change the number of posts to display change ‘var numposts = 5′. Step 5: Save the HTML/JavaScript Widget.
That’s all…Don’t forget to use the comment box for your valuable thoughts..

source by-  www.allbloggingtools.com