Animated Recent posts for Blogger with Thumbnails - Simple Spy - Hello guys!! Tutorialzgeek, In the article you read this time with the title Animated Recent posts for Blogger with Thumbnails - Simple Spy, We have prepared this article well for you to read and take the information in it. Hopefully the contents of the post Artikel Blogger Tips & Tricks, Artikel Blogger Widgets, Artikel HTML, Artikel Java Script, Artikel jQuery, Which we write you can understand. Okay, happy reading.

Title : Animated Recent posts for Blogger with Thumbnails - Simple Spy
link : Animated Recent posts for Blogger with Thumbnails - Simple Spy

Animated Recent posts for Blogger with Thumbnails - Simple Spy

Animated recent post is a fantastic way to present headlines updates to your readers.The effect of smooth scrolling attract readers and generate more clicks to your site.This gadget displays your most recent posts and includes a small thumbnail, but has the added bonus of using an animated effect that moves smoothly through the posts.There are a lot of great tutorials discussing on how to add Animated Recent posts for blogger with thumbnails and Simple Spy, but most of the tutorials I've found are not really suitable for a beginner.

Read More:
1. Recent Posts Widget for Blogger Text CSS Hover Effect with jQuery

Live Demo

How to Install Animated Recent posts for blogger with thumbnails and Simple Spy

Now let's start adding it...

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Blogger Tips And Tricks|Latest Tips For Bloggers

Step 2. After click on Add a Gadget link A pop-up box will open now

with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

Step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'JavaScript' You are done.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<style type="text/css" media="screen">


</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>

imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
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://bdlab.blogspot.com/";

limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-1.js' type='text/javascript'></script>

</div>

And now click Save

Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

1. homepage address

home_page = “http://bdlab.blogspot.com/”;

2. Style

from above style/css, you can change :

width : 220px;

width:208px:

customize base on your template

and

background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRx1Ycjm_eRv6UccuisYmluI2vkJ2MwjnTRlHPvE4yQZ8HS5v6hu6GxZOfDpxbkjdHyvpxmTdicfuOyg6AC-Ou8mSHnYZP2Y0cy0Q7iMBFVPzkhVohPndtPbsGeZFQxf0OVrM4DLaZrwaS/s1600/24work-blogspot-com.jpg) repeat-x;

Customize the colors of backuground

3. image size

thumbwidth = 70;

thumbheight = 70;

Match your needs

4. How many post you will show

numposts = 10;

Base on what you need to show

Stylish Scrolling Recent Posts Widget For Blogger

Live Demo

1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.

2. Paste the following code in HTML/Javascript Box.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<style type="text/css" media="screen">
#workwidget {
overflow: hidden;
margin-top: 5px;
padding: 0px 0px;
height: 385px;
}

#workwidget ul {
width: 295px;
overflow: hidden;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px;
}

#workwidget li {
width: 282px;
padding: 5px 5px;
margin: 0px 0px 5px 0px;
list-style-type: none;
float: none;
height: 80px;
overflow: hidden;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRx1Ycjm_eRv6UccuisYmluI2vkJ2MwjnTRlHPvE4yQZ8HS5v6hu6GxZOfDpxbkjdHyvpxmTdicfuOyg6AC-Ou8mSHnYZP2Y0cy0Q7iMBFVPzkhVohPndtPbsGeZFQxf0OVrM4DLaZrwaS/s1600/24work-blogspot-com.jpg) repeat-x;
border: 1px solid #ddd;
}

#workwidget li a {
text-decoration: none;
color: #4B545B;
font-size: 15px;
height: 18px;
overflow: hidden;
margin: 0px 0px;
padding: 0px 0px 2px 0px;
}

#workwidget img {
float: left;
margin-top: 10px;
margin-right: 15px;
background: #EFEFEF;
border: 0;
}

#workwidget img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 4px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
box-shadow: 0 0 3px rgba(0,0,0,.7);
}

#workwidget img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

.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><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://bdlab.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>

<div id="workwidget">
<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-2.js' type='text/javascript'></script>
</div>

And now click Save

Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.

You Can Also CUSTOMIZE The CODE According to Your Need

numposts = 10; Total number of posts which you wants to scroll by this widget
limitspy=4; Number of the posts to appear on the widget
intervalspy=4000; Scrolling speed of the widget,if you decreased the value speed of widget will increases.

Add Animated Recent Post Widget Sliding Recent Post Widget for Bloggers

Live Demo

Go to blogger > Open layout tab

Now Add A new HTML/JavaScript widget

Now paste the code given below :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-3.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="http://bdlab.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>

And now click Save

Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.

numposts = 5; Total number of posts which you wants to scroll by this widget

Stylish Animated Blogger Recent Posts Widget

Live Demo

Go to blogger > Open layout tab

Now Add A new HTML/JavaScript widget

Now paste the code given below :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<style type="text/css" media="screen">
#workwidget {
overflow: hidden;
margin-top: 5px;
padding: 0px 0px;
height: 385px;
}

#workwidget ul {
width: 295px;
overflow: hidden;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px;
}

#workwidget li {
width:230px;
background: #1ed2f2;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 1px 10px !important;
-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;
}

#workwidget li a {
text-decoration: none;
color: #4B545B;
font-size: 15px;
height: 18px;
overflow: hidden;
margin: 0px 0px;
padding: 0px 0px 2px 0px;
}

#workwidget img {
float: left;
margin-top: 10px;
margin-right: 15px;
background: #EFEFEF;
border: 0;
}

#workwidget img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 4px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
box-shadow: 0 0 3px rgba(0,0,0,.7);
}

#workwidget li:hover {
background: #84f6f5;

}

#workwidget img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

.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><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://bdlab.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>

<div id="workwidget">
<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-2.js' type='text/javascript'></script>
</div>

And now click Save

Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.

Settings:

Change http://bdlab.blogspot.com to Your Blog address
Change numposts = 10 to Show number of Recent posts with thumbnails

Scrolling Recent Post Gadget For Blogger

Live Demo

Adding The Widget To Blogger

Go to Blogger >> Layout >> Add Gadget >> Select an HTML/JavaScript Gadget

Copy the following code and paste inside an HTML/JavaScript widget

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script style='text/javascript' src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/hb-recentposts-ycode.js" ></script>
<script style='text/javascript' src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/hb-jquery-ticker-nocode.js'></script>
<script style='text/javascript'>
var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 3,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});});
</script>
<div id="sai">
<script src='http://bdlab.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>

And now click Save

Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.

Optional Customizations

To change total number of posts find this code var numposts = 7;
If you don't want to show post thumbnails then change this value var showpostthumbnails = true; to false.

New and Flexible Recent Posts Widget With Thumbnail for Blogger

Live Demo

Follow the step by step instructions to add this widget in Blogger:
Sign in to Blogger
Go to Layout > Add a Gadget
Select HTML / JavaScript
Paste the code given below in the field and Save.

Customization:
var numposts = 5; (Number of Posts to be shown)
var showpostthumbnails = true; (Post Image)
var displaymore = true; (More Button)
var showcommentnum = false; (No of Comments)
var showpostdate = false; (Post Date)
var showpostsummary = false; (Post Summry)
var numchars = 80; (Characters in post summary)
True is for Display item and False for not to display. Change According to your needs.

Change http://bdlab.blogspot.com with your Website/ Blog URL.

Tooltips Recent Post Widget For Blogger With Thumbnail

Live Demo

Follow these very simple steps to add the "Tooltips Recent Post Widget For Blogger With Thumbnail " in your blog.

Step 1 : Go To Blogger > Design > Page Elements
Step 2: Click on "Add a Gadget" link
Step 3: From the pop-up window, choose HTML/JavaScript
Step 4: Copy and paste the following code below

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

<style type="text/css">
#post-gallery {
width:304px;
margin:0px auto;
font:normal 11px Arial,Sans-Serif;
color:##000000
;
padding:8px;
background-color:#1BA1E2
;
-webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
#post-gallery h2 {
font:20px Arial,Sans-Serif;
color:white;
text-shadow:0px 3px 2px black;
text-transform:uppercase;
margin:2px 2px 2px;
padding:7px 14px;
background-color:#000000;
text-align: center;
}
#post-gallery .rp-item {
float:left;
display:inline;
position:relative;
margin:2px;
padding:0px 0px;
background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW0dy_oCjSldWwXiJIh_mVd_8HuklCQ-WnIkx16a-VN_O8uSnItE65jbR5elaaMyCnu98qFbx8PXSZqugaLURVIkijZqIfiSLF-ZUFdEgGWcmoY6fHMaLZdWrFblSGPO_RyZl2iNxzDggr/s1600/24work.blogspot.com.loading.gif') no-repeat 50% 50%;
width:72px;
height:72px;
}
#post-gallery .rp-item img {
width:72px;
height:72px;
border:none !important;
margin:0px 0px !important;
padding:0px 0px !important;
background:transparent !important;
display:none;
}
#post-gallery .rp-item .rp-child {
position:relative;
top:10%!important;
left:10%!important;
z-index:1000;
width:200px;
background-color:white;
border-top:5px solid #1BA1E2;
-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
padding:10px 15px;
overflow:hidden;
word-wrap:break-word;
display:none;
opacity: 0.9;
}
#post-gallery .rp-item .rp-child h4 {
font-size:12px;
margin:0px 0px 5px;
color:#1BA1E2;
}
#post-gallery .rp-item:hover .hidden {display:block;}
</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript">

var rpTitle = "Latest Post", // Widget Title

numposts = 20, // The number of thumbnails / posts to display
numchar = 200, // Number of characters in the description tooltip
rcFadeSpeed = 600, // Speed of the effect. fadeIn () tooltip appears

pBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdybGRC1zrOZxylsXGeXBv12uhNSGMhzXEEQOFs0R86NVUMSXjdN6t5EI_RISxTNeX1fVoUCw2g0P3MSxk6vJYsRcqupqt5VT0S-5PLnJ-y7tz2B05-Pm-5waEsujCK3eCC5eN4Uqf-87/s1600/noimage.png", // Image that show up if the post doesn't have a image
blogURL = "http://bdlab.blogspot.com/"; // Your Blog Address
</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-6.js" type="text/javascript"></script>

And now click Save

Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.

Customization

numposts = 20, // The number of thumbnails / posts to display
numchar = 200, // Number of characters in the description tooltip
rcFadeSpeed = 600, // Speed of the effect. fadeIn () tooltip appears

Many thanks to abu-farhan And Rahul for making this code and I just tested and modified to work on blogger

Such is the article Animated Recent posts for Blogger with Thumbnails - Simple Spy

That's an article Animated Recent posts for Blogger with Thumbnails - Simple Spy This time, you can also read other posts in this blog, some posts like 0 day tutorials 000webhost tutorials 001 tutorials 0365 tutorials 0ad tutorials 1 stop tutorials 1000 tutorials 1000 tutorials computer tricks and tweaks 1001 tutorials 123d tutorials 12d tutorials 17 hats tutorials 1911 tutorials 1password tutorials 1x tutorials 2014 tutorials photoshop 2020 tutorials 21accents/tutorials 280 tutorials 280 tutorials brook hills 2d tutorials 2d tutorials unity 2d3d tutorials 2do tutorials 3 tutorials in introductory physics w/masteringphysics 3d tutorials 4 tutorials hijab 43oh tutorials 4d tutorials 4g tutorials 4nec2 tutorials 4r7 tutorials 50 tutorials 50 tutorials illustrator 50 tutorials photoshop 53 tutorials 555 tutorials 5d tutorials 5g tutorials 5srw tutorials 600d tutorials 60d tutorials 614 tutorials 64bits tutorials 6502 tutorials 6d tutorials 6d tutorials youtube 6s tutorials 6sigmaet tutorials 7 tutorials command prompt 70 tutorials photoshop 700d tutorials 70d tutorials 718 tutorials 71squared tutorials 737 ngx tutorials 7d tutorials 7tutorials hotspot 7tutorials windows 10 8.1 tutorials 802.11 tutorials 8051 tutorials 8051 tutorials microcontroller 8051 tutorials pdf 8052 tutorials 8085 tutorials 8086 tutorials 80fitz tutorials 89s51 tutorials 9 tutorials photoshop 944 tutorials 960gs tutorials 99 tutorials 99demos tutorials 99designs tutorials 9lessons tutorials 9tut tutorials 9tut tutorials pdf _s tutorials a b tutorials a tutorials youtube a+ tutorials download a+ tutorials free a+ tutorials montreal a+ tutorials pdf a+ tutorials pdf free download a+ tutorials ppt a+ tutorials review and learning a+ tutorials review and learning services a+ tutorials video free ableton 9 tutorials algebra 1 tutorials algebra 1 tutorials free algebra 2 tutorials alice 3 tutorials android l tutorials angular 2 tutorials as3 tutorials astra h tutorials b boy tutorials bh tutorials bq tutorials b.ed tutorials b.tech tutorials in delhi b.tech tutorials in hyderabad barry m tutorials barry m tutorials contour bluej tutorials bootstrap 3 tutorials c tutorials for placements c tutorials in tamil c tutorials in telugu c tutorials javatpoint c tutorials online c tutorials pointers c tutorials videos c tutorials w3schools c tutorials youtube c tutorialspoint pdf calculus 1 tutorials captivate 6 tutorials captivate 8 tutorials captivate 9 tutorials capture 1 tutorials clicker 6 tutorials cocos2d-x tutorials comptia n+ tutorials comptia n+ tutorials pdf conio.h tutorialspoint construct 2 tutorials corsa d tutorials creative ideas and tutorials creo 2 0 tutorials creo 2 tutorials cryengine 3 tutorials cryengine v tutorials css3 tutorials cubase 8 tutorials d language tutorials d-link tutorials d.i.y tutorials diana f+ tutorials drupal 8 tutorials e commerce tutorials point e commerce tutorials point pdf e tutorials india e tutorials ku e tutorials traces e tutorials university of kashmir e-tutorials online exam p tutorials f tutorials f tutorials for beginners f tutorials pdf f tutorialspoint f video tutorials f-secure tutorials fcpx tutorials flash 8 tutorials fstoppers tutorials g code tutorials g j tutorials g stomper tutorials g'mic tutorials gdt tutorials gdt tutorials pdf gdevelop tutorials gimp 2 tutorials gina k tutorials graphics.h tutorials graphics.h tutorials point gta v tutorials h-tutorialspoint-com tutorialspoint html tutorials html5 tutorials hyper v tutorials i mac tutorials i makeup tutorials i render tutorials i-tutorials university of law i.t tutorials iclone 6 tutorials imagej tutorials imovie tutorials inspire 1 tutorials ios 9 tutorials ipad tutorials iphone 6 tutorials iphone tutorials itunes u tutorials j h tutorials j j tutorials rajkot j tutorials java 8 tutorials java io tutorials java tutorials jmeter tutorials joey l tutorials jquery tutorials jsunil tutorials junit tutorials k map tutorials k map tutorials point k-3d tutorials k-3d tutorials pdf k-lite tutorials keda z tutorials knex tutorials l'oreal makeup tutorials l'oreal paris tutorials l'oreal tutorials l-edit tutorials laravel 5 tutorials launchpad s tutorials leica q tutorials level d tutorials lightroom 4 tutorials lightroom 5 tutorials lightroom 5 tutorials for beginners lightroom 5 tutorials pdf lightroom 5 tutorials youtube lightroom 6 tutorials lightroom 6 tutorials free logic x tutorials m learning tutorials m prakash tutorials m tech tutorials me tutorials m-files tutorials m-step tutorials mack z tutorials magicq tutorials makeup tutorials maschine 2 tutorials max 7 tutorials media sdk-tutorials-0.0.3 mediator 9 tutorials mimi g tutorials minecraft tutorials 0 minecraft tutorials 06 mini z tutorials miz b's tutorials beaumont tx motion 5 tutorials moto g tutorials musical.y tutorials mvc 4 tutorials mvc 5 tutorials n computing tutorials n shah tutorials n+ tutorials n+ tutorials free n+ tutorials pdf n+ tutorials videos n+ video tutorials free download n-photo tutorials nuke 9 tutorials nx 9 tutorials nx 9 tutorials pdf o bead tutorials o chem tutorials o level maths tutorials o level online tutorials o level tutorials o'neil tutorials o'reilly tutorials odesk tutorials on 1 tutorials op-1 tutorials os x tutorials pid tutorials pid tutorials pdf parker's tutorials phantom 3 tutorials photography tutorials photoshop 0.7 tutorials pdf photoshop 6 tutorials photoshop 7 tutorials photoshop 7 tutorials for beginners photoshop 7 tutorials pdf photoshop 7 tutorials photo effects photoshop 7 tutorials photo effects pdf photoshop bw tutorials photoshop tutorials photoshop tutorials 0.7 photoshop tutorials 2015 photoshop tutorials 7.0 in hindi photoshop tutorials y photoshop tutorials.w pro e tutorials pro e tutorials pdf progressive f tutorials project m tutorials propresenter 5 tutorials pspice tutorials python 3 tutorials python tutorials q interactive tutorials q lab tutorials q-script tutorials qbasic tutorials qbasic tutorials pdf qgis tutorials r g tutorials r k tutorials r k tutorials patna r tutorials for data mining r tutorials free r tutorials king r tutorials online r tutorials pdf r tutorials point pdf r tutorials ppt r tutorials video r tutorials youtube r-tutorials training rapidweaver 6 tutorials reason 8 tutorials ronin m tutorials s cube tutorials s k tutorials s kumar tutorials s note tutorials s p tutorial rourkela s pen tutorials s tutorialspoint s-frame tutorials sergs b tutorials serv-u tutorials sigma/w tutorials sims 3 tutorials sketch 3 tutorials sketchup 8 tutorials slope w tutorials staar l tutorials staar l tutorials 2016 staar l tutorials practice stdio.h tutorialspoint storyline 1 tutorials storyline 2 tutorials struts 1 tutorials struts 2 tutorials swift 2 tutorials t g tutorials t shirt tutorials cutting t splines tutorials t tutorialspoint t-sql tutorials tally 9 tutorials tiffany d tutorials time.h tutorialspoint timer 0 tutorials from microchip topaz bw tutorials tutoriales y mas tutorials tutorials 101 tutorials 123d design tutorials 3d tutorials 3d max tutorials 3d studio max tutorials 3ds max 2012 tutorials 3ds max 2013 tutorials 3ds max 2014 tutorials 3ds max 2015 tutorials 3ds max 2016 tutorials 3ds max beginners tutorials 3ds max modeling tutorials 4 life tutorials 4 looms tutorials 4 us tutorials 4 you tutorials 45 tutorials 4d cinema tutorials 500px tutorials 5d mark iii tutorials 667 tutorials 9 gk tutorials adobe tutorials adobe after effects tutorials adobe illustrator tutorials adobe premiere pro tutorials after effects tutorials android studio tutorials app inventor tutorials at apple store tutorials avid tutorials aws tutorials blender tutorials by a tutorials by a instagram tutorials by g tutorials by hugo tutorials by hugo sheet music tutorials by hugo truce tutorials by jenny doan tutorials by mallya tutorials by queen tutorials by tina tutorials by tips tutorials c programming tutorials c tutorials cambridge tutorials campus tutorials cinema 4d tutorials classes tutorials collection tutorials computer tutorials crossword clue tutorials css tutorials daddy tutorials dance tutorials definition tutorials deviantart tutorials digital ocean tutorials direct tutorials download tutorials download sites tutorials drawing tutorials electronics tutorials engineer tutorials english tutorials epfoservices public activate uan tutorials epfoservices public kyc updation tutorials examples tutorials excel tutorials excel 2013 tutorials excel 2016 tutorials eyebrows tutorials for blender tutorials for blender 3d tutorials for excel tutorials for illustrator tutorials for lightroom tutorials for microsoft word tutorials for minecraft tutorials for quickbooks tutorials for short hair tutorials for u tutorials for windows 10 tutorials gateway tutorials gimp tutorials gone wrong tutorials gone wrong compilation tutorials google docs tutorials graphic design tutorials ground tutorials gst tutorials guitar tutorials guru tutorials hair tutorials hair style tutorials hijab tutorials hindi tutorials horizon tutorials horizon zero dawn tutorials how to tutorials how to draw tutorials html tutorials hub tutorials i 3ds max tutorials icon tutorials illustrator tutorials imovie 09 tutorials in introductory physics tutorials in introductory physics homework pdf tutorials in introductory physics homework solutions manual tutorials in introductory physics pdf tutorials in introductory physics solutions tutorials in minecraft tutorials in quantitative methods for psychology tutorials in spanish tutorials java tutorials javascript tutorials jenkov tutorials jenkov java concurrency volatile tutorials jenkov java interfaces tutorials jenkov java util concurrent executorservice tutorials jobs tutorials jobs in bangalore tutorials jquery tutorials junction tutorials kali linux tutorials kaplan tutorials kashmir university tutorials keyboarding tutorials keynote tutorials keyshot tutorials kickass tutorials knitting tutorials kodi tutorials kolkata tutorials laravel tutorials latex tutorials library tutorials lightroom tutorials lightroom 6 tutorials link.com tutorials linux tutorials live ltd tutorials lynda tutorials macbook air tutorials makeup tutorials makeup youtube tutorials meaning tutorials microsoft excel tutorials microsoft office tutorials microsoft project tutorials minecraft tutorials missouri star quilt co tutorials mongodb tutorials nagpur tutorials names tutorials near me tutorials near rajarajeshwari nagar tutorials nearby tutorials nier automata tutorials ninja tutorials nitroflare tutorials node js tutorials nus tutorials on tutorials on excel tutorials on eyebrows tutorials on google docs tutorials on hair tutorials on how to draw tutorials on photoshop tutorials on quickbooks tutorials on youtube tutorials online tutorials or lectures tutorials p tutorials photoshop tutorials qgis tutorials qlikview tutorials qt tutorials qtp tutorials quantum espresso tutorials quantum mechanics tutorials quickbooks tutorials quilting tutorials quilting youtube tutorials quotes tutorials react tutorials redefined tutorials repo tutorials republic tutorials republic bootstrap tutorials rhino tutorials ride tutorials roblox tutorials ros tutorials ruby tutorials school tutorials sign in sheet tutorials sites tutorials sketchup tutorials software tutorials sony a6000 tutorials spring tutorials sql tutorials synonym tutorials systems tutorials t point tutorials teacher tutorials teacher mvc tutorials template tutorials tensorflow tutorials to do on youtube tutorials to draw tutorials to learn about literature searches tutorials to learn python tutorials tumblr tutorials u of t tutorials ubuntu tutorials uk tutorials unisa tutorials unity tutorials university tutorials unix tutorials unreal engine 4 tutorials uoft tutorials using modern renaissance tutorials utas tutorials vb.net tutorials vba tutorials vic uni tutorials videos tutorials videos download tutorials visual basic tutorials vlookup tutorials vray sketchup tutorials vs lectures tutorials vuw tutorials watercolor painting tutorials website tutorials website template tutorials windows 10 tutorials with modern renaissance tutorials word tutorials word 2016 tutorials wordpress tutorials wordpress theme tutorials world tutorials x plane tutorials x plane 10 tutorials x theme tutorials x3 tutorials yeahps tutorials yeoman tutorials yii tutorials yoga tutorials yosemite tutorials youtube tutorials yoyo tutorials zach king tutorials zbrush tutorials zbrush download tutorials zend framework tutorials zentangles tutorials zine tutorials zk tutorials zombie makeup tutorials zone tutorials zoner photo studio tutorials-2 world tutorials4u tutorials4u struts tutorialsbya q and a tutorialsdl tutorialspoint tutorialspoint (i) private limited tutorialspoint c tutorialspoint c tutorialspoint d tutorialspoint d pdf tutorialspoint d programming tutorialspoint f pdf tutorialspoint html tutorialspoint j tutorialspoint java tutorialspoint javascript tutorialspoint k map tutorialspoint python tutorialspoint r tutorialspoint spring tutorialspoint sql tutorialspoint t-sql tutorialspoint v model tutorialspoint/email u boot tutorials u-handbag tutorials udk 4 tutorials unity 5 tutorials unreal 4 tutorials v basic tutorials v-rep tutorials vb6 tutorials vb6.o tutorials vcarve tutorials vlookup tutorials vray tutorials wii u tutorials windows 7 tutorials windows 8 tutorials windows 8 tutorials beginners windows 8 tutorials beginners pdf windows.h tutorials x particles tutorials xcode 6 tutorials xcode tutorials y.android tutorials tutorials yoga tutorials for beginners younique tutorials youtube tutorials z score tutorials z transform tutorials z wave tutorials z-index tutorials z/os tutorials zbrush tutorials zbrush tutorials pdf,oke hopefully this post can be useful for you all. Well, see you in other article postings.

You are now reading the article Animated Recent posts for Blogger with Thumbnails - Simple Spy With link address https://tutorialbugz.blogspot.com/2016/03/animated-recent-posts-for-blogger-with.html

Animated Recent posts for Blogger with Thumbnails - Simple Spy

Animated Recent posts for Blogger with Thumbnails - Simple Spy

Stylish Scrolling Recent Posts Widget For Blogger

Add Animated Recent Post Widget Sliding Recent Post Widget for Bloggers

Stylish Animated Blogger Recent Posts Widget

Scrolling Recent Post Gadget For Blogger

New and Flexible Recent Posts Widget With Thumbnail for Blogger

Tooltips Recent Post Widget For Blogger With Thumbnail

Such is the article Animated Recent posts for Blogger with Thumbnails - Simple Spy

0 Response to "Animated Recent posts for Blogger with Thumbnails - Simple Spy"

Post a Comment

How to change mouse cursor in blogger blog to animated cursors

Animated Recent posts for Blogger with Thumbnails - Simple Spy

READ ALSO

Animated Recent posts for Blogger with Thumbnails - Simple Spy

Stylish Scrolling Recent Posts Widget For Blogger

Add Animated Recent Post Widget Sliding Recent Post Widget for Bloggers

Stylish Animated Blogger Recent Posts Widget

Scrolling Recent Post Gadget For Blogger

New and Flexible Recent Posts Widget With Thumbnail for Blogger

Tooltips Recent Post Widget For Blogger With Thumbnail

Such is the article Animated Recent posts for Blogger with Thumbnails - Simple Spy

0 Response to "Animated Recent posts for Blogger with Thumbnails - Simple Spy"

Post a Comment

How to change mouse cursor in blogger blog to animated cursors