How To Add Recent Posts Widget with Thumbnails

The Author of this nice widget is Bloggertricks.com. This is a great widget for bloggers.



To add this nice widget to your blog follow this easy steps.

1.Log in to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save.

<script language="JavaScript"> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 298; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 5; home_page = "YOUR BLOG ADDRESS"; </script> <script src="http://keerthiset2.110mb.com/recentposts_thumbnail.js" type="text/javascript"></script>

Note : Remember to replace YOUR BLOG ADDRESS with your real blog address.

You can change boxwidth,cellspacing,borderColor,thumbwidth & thumbheight,fntsize,acolor,aBold,numposts,.. as your choice.

Now you are done.