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.

<script language="JavaScript">

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>

<script src="http://keerthiset2.110mb.com/recentposts_thumbnail.js" type="text/javascript"></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

One Response to “How To Add Recent Posts Widget with Thumbnails”

  1. Mathew says:

    It's a real beauty

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.