This post explains how to add Recent Posts widget in Blogger with image thumbnails:
This is the Snap Shot in my blog:
Features:
Thumbails to Recent Posts
Comment Count
So, let's see how to install this cool widget in your blog..
1. Sign into Blogger dashboard
2. Go to Layout » Add a gadget » html/javascript
3. Just copy and paste this code..
<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://kiruba-for-you.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
Explanation:
(Edit the values to fit your blog)
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://kiruba-for-you.blogspot.com/ (change this to your blog url)
4. Last but not the least.. Save the Changes.
That's it guys!
If you enjoyed this post, make sure you subscribe to my RSS Feeds !!
If you enjoyed this post, make sure you subscribe to my E-NewsLetter !!
Posted By: KirubaKaran
Microsoft Certified Professional