Recent posts widget for blogger

Recent posts widget with thumbnails for blogger
 

Recent posts widget is one of the most used widget by bloggers.This will help your visitors to show

new posts with images with the smooth scrolling effect will attract your visitors.And the installing is very easy. Ever wanted to show all the posts in a row this widget will be helpful to you.

Steps To Add It To Your Blog-

1-Go to you blogger dashboard and then go to layout then add a gadget as shown-

2-Click Add a gadget and choose html javascript as shown-

3- Add this code in the box-

<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">
<!--
#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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh60PePkSfjvTJfs8ofEr2B3rLJNRX_Zcb7CKyGwbaYKI7vB11vUjlXPj6e4QajjPdiNnG9AARgAWaRIncvQtTxdX6BF7jgOsGxlGpqFp7ijwA3Dh4qLg_HXr-SacPjtG5tP7ElbqDgmieN/s1600/24work-blogspot-com.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><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/AVvXsEj6ME6fyGKM7DpVpVq06bR81GDHx3VxMspfaHxJ6Ahzq_Mwr7YFfRxe2ngKRhyphenhyphenTqduhDBU2tNgMAqVNYqqAKejMTYH2fW8lLW8twbcE4H2K2IfNfSB8SWYqMfbMm8l98KFe7Sf4jeFV3BGV/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ME6fyGKM7DpVpVq06bR81GDHx3VxMspfaHxJ6Ahzq_Mwr7YFfRxe2ngKRhyphenhyphenTqduhDBU2tNgMAqVNYqqAKejMTYH2fW8lLW8twbcE4H2K2IfNfSB8SWYqMfbMm8l98KFe7Sf4jeFV3BGV/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ME6fyGKM7DpVpVq06bR81GDHx3VxMspfaHxJ6Ahzq_Mwr7YFfRxe2ngKRhyphenhyphenTqduhDBU2tNgMAqVNYqqAKejMTYH2fW8lLW8twbcE4H2K2IfNfSB8SWYqMfbMm8l98KFe7Sf4jeFV3BGV/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ME6fyGKM7DpVpVq06bR81GDHx3VxMspfaHxJ6Ahzq_Mwr7YFfRxe2ngKRhyphenhyphenTqduhDBU2tNgMAqVNYqqAKejMTYH2fW8lLW8twbcE4H2K2IfNfSB8SWYqMfbMm8l98KFe7Sf4jeFV3BGV/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ME6fyGKM7DpVpVq06bR81GDHx3VxMspfaHxJ6Ahzq_Mwr7YFfRxe2ngKRhyphenhyphenTqduhDBU2tNgMAqVNYqqAKejMTYH2fW8lLW8twbcE4H2K2IfNfSB8SWYqMfbMm8l98KFe7Sf4jeFV3BGV/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://ngtechzone.com/";


limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.dropboxusercontent.com/s/3frdg2yvzmdwsto/animated-recent-posts-ycode-1.js' type='text/javascript'></script>
</div>

4- Click on save
Done!!!

If any problem persist comment below