Add new recent post widget with thumbnails

If you see the recent posts widget in this sidebar, you will find it different with the one on the left, right. That is a new model of Recent Post Widget that I found in bloggertricks.com.

That new recent posts widget is completed with thumbnails and comment number, so it look better that the previous one. To add in our blog is simple, we just copy and paste some code, do a little change and that is it.

To see the sample, click education info and if you want to add it in your blog, just read the tips below:

1. Log in into blogger.
2. Click Layouts
3. Click Add a gadget
4. Copy the code below and paste it into the space available

<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 = "http://schemar-mag.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

5. Click Save and see the result.

Explaination

boxwidth - Width of the widget

cellspacing - Space between cells (default one is good)

borderColor - Border color (add the background color of your template to perfectly blend it in the template)

thumbwidth & thumbheight - Width and Height of the thumbnail (default are good)

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://schemar-mag.blogspot.com/ (change this to your blog url)

This script is currently hosted in my server ( http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js ).

But, it is STRONGLY Recommended to download the script and upload to your own hosting (google for free javascripts hosts) and replace that url with yours.

Note : Make sure you selected YES in Settings » Site Feed » Full » Allow Blog Feeds