Recent Post Widget With Thumbnail For Blogger

Wondering how to add Recent Post with thumbnail for blogger powered blog? It's new widget for blogspot blog that will make your blog more professional. Now i'm going to show you how to add Recent Post with thumbnail for blogspot blog.

Step 1.
Go to Layout » Add a gadget » html/javascript


Step 2.
Copy code below and paste it.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[1] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[2] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[3] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[4] = "http://img1.picturewizard.com/1328EF7/0/thumb.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 = "http://adsense-day.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Step 3.
Customize :
boxwidth - Width of the widget
cellspacing - Space between cells
borderColor - Border color
thumbwidth & thumbheight - Width and Height of the thumbnail
fntsize - Font size of the title
acolor - Color of the title
aBold - you want bold titles? (true or false)
numposts - How many posts you want to show?
home_page : http://adsense-day.blogspot.com/ (change this to your blog url)

The script is hosted. But it's stronly recomended for you to download it and upload to your own hosting.
http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js

Step 4.
Save it.

Credits. Blogger Tricks.