Search This Blog

Saturday, June 25, 2011

How To Add Animated Recent Posts For Blogger With Thumbnails


1.To Download Javascript And Copy 
{<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 = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://vishalsangwa.blogspot.com/";

limitspy=4
intervalspy=4000

</script>
}

2.Login to your blogger Dashboard and go to Desing --> Page Elements.

3.Click on 'Add a Gadget' on the sidebar.

4.Select 'HTML/Javascript' and Paste Copied Javascript

Note: Replace home_page with your Blogger url and numposts = 10 what you need to show Post..


















5.Now Save your Html Java Script and You are done..

Add To Google BookmarksStumble ThisFav This With TechnoratiAdd To Del.icio.usDigg ThisAdd To RedditTwit ThisAdd To FacebookAdd To Yahoo

0 comments:

Post a Comment