This post explains how to add Recent Posts widget in Blogger with image thumbnails:
Features:
Thumbnails to Recent Posts
Comment Count
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[0] = "http://hamid.uuuq.com/images/no_image.jpg";
imgr = new Array();
imgr[1] = "http://hamid.uuuq.com/images/no_image.jpg";
imgr[2] = "http://hamid.uuuq.com/images/no_image.jpg";
imgr[3] = "http://hamid.uuuq.com/images/no_image.jpg";
imgr[4] = http://hamid.uuuq.com/images/no_image.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://hamid-trick.blogspot.com/;
</script>
<script src="http://hamid.uuuq.com/js/recentposts_thumbnail.js" type="text/javascript"></script>
Explanation:
4. Last but not the least.. Save the Changes.(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://hamid-trick.blogspot.com/ (change this to your blog url)
This script is currently hosted in my server ( http://hamid.uuuq.com/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.
That's it guys!
Note : Make sure you selected YES in Settings » Site Feed » Full » Allow Blog Feeds
I have find a quick and easy to install and customize Recent Post Widget with thumbnails. You can install it in minute with hassle-free complicated manual code installation.
You may look at this link for more information : Recent Posts Widget with Thumbnails
Thanks man
Post a Comment