Visitor also READ

GetThis! ..

Sunday, June 19, 2011

Animated Scrolling Recent Post Widget

free animated scrolling
recent post widget
This is a cool scrolling and animated widget for your blog. Very stylish and can save space inside your blog. You need to copy and paste the html/javascript code here and paste inside the third party program in dashboard > design > add a gadget > HTML/javascript. Try it first because it have been tested inside blogspot. If you not satisfied, just delete it.

If you have a problem to install html/java script it in blogspot, please click [here]

Grab Yours Today!



==== start copy except this line ====

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
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://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<center><small><a href="http://adf.ly/2Pupw" target="_blank">get this widget here</a></small>
</center>

==== end copy except this line ====

**note find the URL BLOG and replace with your url**

10 comments:

  1. Cool widget bar, people can now use it in their blogs, Thanks for the code.

    ReplyDelete
  2. I tried this its working...but Image has not displayed.It is displaying as 'no image available'.In all of my posts are having images.Pls help...Thanks in advance My Email Id: ka.ishaq@gmail.com

    ReplyDelete
  3. 'no image available' because your post does not have any picture. Please do insert a pict in your next post

    ReplyDelete
  4. Please at every new post, determine which picture that you want to appear at the very beginning of each post. If any application other than image in the post, the 'no image available will appear.

    ReplyDelete
  5. i have alrady one jquery slider is runing when i paste this code that slider stop working what should i do

    ReplyDelete
  6. Excellent widget thank you very much for sharing

    ReplyDelete
  7. nice post :)thx you. replace http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif with your image guys !
    lovariz.blogspot.com

    ReplyDelete
  8. hello, can i ask how can you show the post summary....its a cool looking widget, i got it working but i really would like to see some post summary, thx...

    ReplyDelete
  9. admin please edit code,its does not work

    ReplyDelete

ShareThis!

Related Posts Plugin for WordPress, Blogger...

You Might Like To Read

GetThis! ..