How To Add Recent Posts Widget with Thumbnails

Posted by Lasantha Bandara on May 30th, 2009 File Under : gadget, post, widget1 Comment

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.

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>

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.

File Under : gadget, post, widget

Blogger Tips and Tricks