Add recent post widget with thumbnail

In my previous post I talked about how to show recent post widget in blogger. Most people loved it and for that instance I thought to post same idea but with thumbnail. You can also show image as thumbnail in recent post widget.

Before we get started how to do it, take look at its demo image:

Here are step for that.

1. Log in to your Blogger account.
2. Click Layout >> Page Element.
3. Click on Add Gadget and add below code in it.

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[1] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[2] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[3] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[4] = "http://img195.imageshack.us/img195/7350/blocko.gif";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#000000";

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 = 7;

home_page = "http://example.blogspot.com/";

</script>

<script src="http://www.thebloguser.com/blogger/recentposts_thumbnail.js" type="text/javascript"></script>

Change green text with your choice of height and width and blue text with your blog name like http://yourname.blogspot.com

4. Move your Widget as your choice and save it. You are done.

What is next to do?

If you didn’t subscribe at then do it now. So, you will not loose any update on this blog.

I really want to thanks Kranthi. He have made this tricks.