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..

No comments:

Post a Comment