Recent Posts with thumbnails and summary - Blogger Widget

Friday, March 04, 2011

Recent post on your blog allows your visiotrs to see your recent posting and with thumbnails, it looks more beautiful and attractive. This guide will teach your how to add Recent Posts with thumbnails along with summary of your posts on Blogger/Blogspot. 

Go to your blogger dashboard>Design>Page Elements
Click Add a Gadget and the choose HTML/JavaScript
In the content area, copy and paste the following code


<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://YOURIMAGEURL.jpg";
imgr[1] = "http://YOURIMAGEURL1.jpg";
imgr[2] = "http://YOURIMAGEURL2.jpg";
imgr[3] = "http://YOURIMAGEURL3.jpg";
imgr[4] = "http://YOURIMAGEURL4.jpg";
showRandomImg = true;
tablewidth = 248;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";
imgwidth = 118;
imgheight = 100;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "YOUR BLOG URL";
</script>
<script src="http://recent-post-thumbnail.googlecode.com/files/recentposts_thumbnail.js" type="text/javascript"></script>

In the above code, replace http://YOURIMAGEURL.jpg with the image url you want to show when there is no image in your post. 

Replace YOUR BLOG URL with the url of your blog. e,g http://www.theinfow.com

Finally hit SAVE and enjoy your blog with recent post with thumbnails along with summary of each post.

You can follow us on Twitter or Join us on Facebook to receive all updates . . .




Share your views...

0 Respones to "Recent Posts with thumbnails and summary - Blogger Widget"

Post a Comment

 

Connect with us

Followers

© 2010 - 2017 theinfoW.com All Rights Reserved | Contact Us | About Us | Privacy Policy | Terms of Use |