How To Recent Post With Thumbnails in Blogger Widgets

Simple and Easy widget show make different look of blog. Watch out below picture or side bar of my blog you will see a recent post widget which shows a small thumbnail of picture in post and title of the post. In this widget we don't need to edit our html template.


Follow below Steps to install the widget.
Now go to Dashboard > Layout > and then copy and paste the following code into a HTML/JavaScript widget in the "Page Elements" And Save it!

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://YOURIMAGEURL.jpg";
imgr[1] = "http://YOURIMAGEURL1.jpg";
imgr[2] = "http://YOURIMAGEURL2.jpg";
imgr[3] = "http://YOURIMAGEURL3.jpg";
imgr[4] = "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;

home_page =

"http://eknol.blogspot.com/";

</script>
<script src="http://wrath.xzibition.com/~jellybeans/recentposts_thumb.js" type="text/javascript"></script>

Note:-Please Download javascript in given code and upload on your server. Because bandwidth of this file increased, then it will not work properly.

1. http://YOURIMAGEURL.jpg is the default thumbnail which shows if your post doesn’t have any image. This has to be the URL of your thumbnail for the post. Try hosting it into your own server or Flicker or Photo bucket!

2.imgwidth = 118 and imgheight = 100 are to be adjusted as per your liking to get the perfect style for your widget.

3.http://eknol.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. Don’t forget to set your feed settings to full so that the script locates image in each post.

via