Lets get away directly with this widget.
Now as we always do login into your Blogger Dashboard
Dashboard > Layout > Edit HTML and check the “Expand Widget Templates” option.
Now as a precautionary measure please download your template so that you have an emergency backup if in case you create any errors
imgr = new Array();
imgr = “http://YOURIMAGEURL.jpg”;
imgr = “http://YOURIMAGEURL1.jpg”;
imgr = “http://YOURIMAGEURL2.jpg”;
imgr = “http://YOURIMAGEURL3.jpg”;
imgr = “http://YOURIMAGEURL4.jpg”;
showRandomImg = true;
tablewidth = 248;
cellspacing = 8;
borderColor = “#ffffff”;
bgTD = “#ffffff”;
imgwidth = 118;
imgheight = 100;
fntsize = 12;
acolor = “#666″;
aBold = true;
icon = ” “;
text = “comments”;
showPostDate = false;
summaryPost = 50;
summaryFontsize = 11;
summaryColor = “#666″;
icon2 = ” “;
numposts = 5;
Now the Customization part:
1. http://YOURIMAGEURL.jpg is the default thumbnail which shows if your post doesnt have any image. This has to be the URL of your thumbnail for the post. Try hosting it into your own server or Flickr or Photobucket!
2.imgwidth = 118 and imgheight = 100 are to be adjusted as per your liking to get the perfect syle for your widget.
3.http://chethstudios.blogspot.com/ Set this link to your blog link , including the “/” forward slash mark.
4.http://librarysupporter.googlepages.com/recentposts_thumb.js this is a JS file so you need to download it and upload it into your server and change the link accordingly.
5. Dont forget to set your feed settings to full so that the script locates image in each post.