Friday, January 22, 2010

Latest Cool Animated Recent Post Widget With Thumbnail For Bloggers


If you want to add animated recent post widget then you should add this widget in your blog sidebar.Just follow steps for "Cool Animated Recent Post Widget with Thumbnail".

1. Log in your blogger account

2.Go to Layout

3.Click on Sidebar Add a Gadget

4.Click on HTML/JavaScript

5.Now copy this code and paste in this page .


<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 url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) 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://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://www.latestbloggertricks.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>



6.Replace "www.latestbloggertricks.com" in your blog name.

7. Click on Save and that's it.

Stumble
Delicious
Technorati
Twitter
Facebook







Related Posts by Categories







31 comments on "Latest Cool Animated Recent Post Widget With Thumbnail For Bloggers"

This is DoFollow Blog Leave a Comment

Staff on January 31, 2010 at 8:31 PM said...

Love you emoticons!!

Muhammad Wajid on February 1, 2010 at 12:18 AM said...

@ Preciousena
thanks for your comments and liking this.

Anonymous said...

Not working..........

Muhammad Wajid on February 13, 2010 at 1:28 PM said...

@ Anonymous
Sorry for a little mistake pleas try again now its working

Spark on February 17, 2010 at 12:35 AM said...

thanks for this, but can u explain(exactly) how i can change the font please?

in the script, what do i hve to insert and where

thks

Muhammad Wajid on February 17, 2010 at 1:26 PM said...

@ Spark
You can edit only font size,color not font style
fntsize =

acolor =
Hope u understand

Spark on February 28, 2010 at 5:04 AM said...

thanks muhammad,

i understand.

spark

Spooky on March 10, 2010 at 2:38 PM said...

Thanks this looks great! Comments don't seem to be showing up yet though, or does this usually take awhile to appear?

Viral H Parmar on March 18, 2010 at 6:48 PM said...

nice widget..thnaks for this..

Robin Hood on March 18, 2010 at 7:38 PM said...

Thank You very much for your trick. But I have a little doubt.

I used this widget before using the code from another blog. The only difference between ur code and his code is in the line "script src=" I mean the last. But accidently when I opened my blog, his widget is not working and I got sad. So I searched on net to find any other codes for this widget and by luck I found yours. Why it happened so? Did you get me what I asked. What is the benefit of using getdropbox.com

Also one more, thanks for making your blog dofollow. Mine too is dofollow. You can leave a comment on my blog. I will definitely approve it and so that you can get a solid backlink. Let we be friends.

WrestleManiac on April 2, 2010 at 4:54 PM said...

Can we do it horizontal?

Software on April 11, 2010 at 10:29 AM said...

Great tip friend plz support this blog for traffic

http://softwarereview67.blogspot.com

Joudie's Mood Food on April 15, 2010 at 2:35 PM said...

I am not getting any images.... Y? Can you help

Technology on June 8, 2010 at 9:03 PM said...

Thanks, Its great

Djsquare on July 1, 2010 at 11:52 PM said...

i also cant see any images...??

The Kano on July 30, 2010 at 10:57 AM said...

Finally! A code that really works, and I can see the images. Thank you so much!

Manu ... on August 10, 2010 at 3:27 AM said...

Hello .. i have a problem .. it works great .. but the text is overlapping the image .. any workaround ? - Thnx

Ifeanyi @ Secret of Great Achievers on September 1, 2010 at 10:41 PM said...

Thnks Bro, worked perfect on my blog. No stress at all.

Latest Cricket News on October 6, 2010 at 12:35 PM said...

Hey, Your code works great and its amazing and impressive.Thanks for sharing.

Regards,

Sophie

Live Football Update on October 6, 2010 at 12:38 PM said...

Really Nice, My Blog is looking more attractive after installing the code.

Regards,

Sophie

Tennis News on October 6, 2010 at 12:39 PM said...

Great job you make my work easier.

Regards,

Sophie

Zaheer Abbas on October 21, 2010 at 8:09 PM said...

great widget www.mediafireclub.net

Anonymous said...

Thanks For Nice Widget Visit Also This..
http://www.tipskhazana.blogspot.com
http://www.bloggerplaza.com

Zaheer Abbas on October 21, 2010 at 8:14 PM said...

~x( http://www.bloggerplaza.com

Data Center Monitoring on November 2, 2010 at 12:08 PM said...

This is best dofollow blog.
I think you are very hard worker.

Anonymous said...

Thanks
http://www.okmobiles.co.cc/

ARSLAN FAROOQ on November 21, 2010 at 6:56 PM said...

good trick thanks
http://Arslsoft.blogspot.com

MuJE on November 23, 2010 at 8:43 AM said...

not working in my blog....huhuhu

dog and incest sex stories on December 4, 2010 at 7:49 AM said...

Not enough timein the gym, Cathline. A metallic click marked the ejection of Gingers clip from herweapon Gladys heard rhythmic crunching glass.
sex stories porn
free detailed family porn stories
women and stories of bestiality
porn dog sex stories
scarf bondage stories
Not enough timein the gym, Cathline. A metallic click marked the ejection of Gingers clip from herweapon Gladys heard rhythmic crunching glass.

virgin lesbian sex stories on December 4, 2010 at 11:59 AM said...

Why dont we get started. If hescrews her, our chances with Bessie will be foreverscrewed.
erotic lesbian doctor sex stories
sexy porn stories with pics free
adult youth sex stories
predicament bondage stories
preteen taboo stories
Why dont we get started. If hescrews her, our chances with Bessie will be foreverscrewed.

teen boys sex stories on December 4, 2010 at 4:25 PM said...

Do notmore and do not remove this blindfold. ``This is even better.
mother daughter incest stories
free first time crossdress sex stories
mutual masturbation stories
bestiality gay stories
birthday spanking stories
Do notmore and do not remove this blindfold. ``This is even better.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 

Latest Blogger Tricks,Tips,Tutorial,Template,Widgets