Scrolling recent post widget with thumbnail for blogger

To add an animated scrolling recent post widget with thumbnail:

1. Add the below code in to a new HTML/JAVASCRIPT widget:

<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:185px; padding:5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow:hidden; background:#fff url(http://1.bp.blogspot.com/-yp42zoYRFkg/UZDjUlgLHCI/AAAAAAAAAYM/SGHerEtqkgc/s1600/24work-blogspot-com.jpg) repeat-x; border:1px solid #ddd}

#spylist li a{text-decoration:none; color:#1A3F01; font-size:12px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px}

#spylist li img:hover{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); box-shadow:0px 0px 30px gray; -webkit-box-shadow:0px 0px 30px gray; -moz-box-shadow:0px 0px 30px gray; opacity:1}

#spylist li img{float:left; margin-right:5px; border:1px solid #CCC; background:#FFF}

.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://1.bp.blogspot.com/-sLwvU89Q1ms/TWfDw6VIW_I/AAAAAAAAAIw/ZsABOxlq43k/s1600/no-image.PNG";imgr[1]="http://1.bp.blogspot.com/-sLwvU89Q1ms/TWfDw6VIW_I/AAAAAAAAAIw/ZsABOxlq43k/s1600/no-image.PNG";imgr[2]="http://1.bp.blogspot.com/-sLwvU89Q1ms/TWfDw6VIW_I/AAAAAAAAAIw/ZsABOxlq43k/s1600/no-image.PNG";imgr[3]="http://1.bp.blogspot.com/-sLwvU89Q1ms/TWfDw6VIW_I/AAAAAAAAAIw/ZsABOxlq43k/s1600/no-image.PNG";imgr[4]="http://1.bp.blogspot.com/-sLwvU89Q1ms/TWfDw6VIW_I/AAAAAAAAAIw/ZsABOxlq43k/s1600/no-image.PNG";showRandomImg=true;boxwidth=255;cellspacing=5;borderColor="#232c35";bgTD="#000000";thumbwidth=60;thumbheight=60;fntsize=12;acolor="#666";aBold=true;icon=" ";text="comments";showPostDate=true;summaryPost=40;summaryFontsize=10;summaryColor="#666";icon2=" ";numposts=15;home_page="ADD YOUR BLOG ADDRESS HERE/";limitspy=4;intervalspy=4e3

</script>

<div id="spylist">

<script type='text/javascript'>

/*

 * Recent Post with Spy effect for blogger.com

 * Widget Bloggerized By - Rahul Ippar 

 * URL -  http://www.helperblogger.com/

 * Script By Abu Farhan (www.abu-farhan.com)

 */

var _0x237e=["\x6D\x6F\x75\x73\x65\x6C\x65\x61\x76\x65","\x73\x74\x61\x72\x74","\x74\x72\x69\x67\x67\x65\x72","\x62\x69\x6E\x64","\x6D\x6F\x75\x73\x65\x65\x6E\x74\x65\x72","\x73\x74\x6F\x70","\x73\x69\x6D\x70\x6C\x65\x53\x70\x79","\x75\x6C\x2E\x73\x70\x79","\x66\x6E","\x68\x65\x69\x67\x68\x74","\x3E\x20\x6C\x69\x3A\x66\x69\x72\x73\x74","\x66\x69\x6E\x64","\x3C\x6C\x69\x3E","\x68\x74\x6D\x6C","\x3C\x2F\x6C\x69\x3E","\x70\x75\x73\x68","\x65\x61\x63\x68","\x3E\x20\x6C\x69","\x6C\x65\x6E\x67\x74\x68","\x63\x73\x73","\x70\x61\x72\x65\x6E\x74","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x57\x72\x61\x70\x70\x65\x72\x22\x20\x2F\x3E","\x77\x72\x61\x70","\x72\x65\x6D\x6F\x76\x65","\x3A\x67\x74\x28","\x29","\x66\x69\x6C\x74\x65\x72","\x70\x72\x65\x70\x65\x6E\x64\x54\x6F","\x6E\x6F\x6E\x65","\x61\x6E\x69\x6D\x61\x74\x65","\x3E\x20\x6C\x69\x3A\x6C\x61\x73\x74","\x3C\x75\x6C\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x22\x3E","\x77\x72\x69\x74\x65","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x72\x65\x70\x6C\x69\x65\x73","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x20","\x73\x70\x6C\x69\x74","\x63\x6F\x6E\x74\x65\x6E\x74","\x73\x75\x6D\x6D\x61\x72\x79","","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x3C\x69\x6D\x67","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","\x6E\x6F","\x3C\x69\x3E\x3C\x66\x6F\x6E\x74\x20\x63\x6F\x6C\x6F\x72\x3D\x22","\x22\x3E\x28","\x29\x3C\x2F\x66\x6F\x6E\x74\x3E\x3C\x2F\x69\x3E","\x4A\x61\x6E","\x46\x65\x62","\x4D\x61\x72","\x41\x70\x72","\x4D\x61\x79","\x4A\x75\x6E","\x4A\x75\x6C","\x41\x75\x67","\x53\x65\x70","\x4F\x63\x74","\x4E\x6F\x76","\x44\x65\x63","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x2D","\x22\x3E\x20\x28","\x3C\x62\x3E","\x3C\x2F\x62\x3E","\x3C\x6C\x69\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x22\x20\x77\x69\x64\x74\x68\x3D\x22","\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x2D\x74\x68\x75\x6D\x62\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x2D\x6C\x69\x6E\x6B\x22\x3E","\x3C\x2F\x61\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x64\x61\x74\x65\x22\x3E","\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x63\x6F\x6D\x6D\x65\x6E\x74\x22\x3E","\x3C\x2F\x64\x69\x76\x3E","\x3C\x2F\x75\x6C\x3E","\x3C\x73\x63\x72\x69\x70\x74\x20\x73\x72\x63\x3D\x22","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x64\x65\x66\x61\x75\x6C\x74\x3F\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x26\x6F\x72\x64\x65\x72\x62\x79\x3D\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x73\x68\x6F\x77\x72\x65\x63\x65\x6E\x74\x70\x6F\x73\x74\x73\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x72\x69\x67\x68\x74\x3A\x20\x30\x25\x3B\x20\x74\x6F\x70\x3A\x20\x30\x70\x78\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x46\x72\x65\x65\x20\x42\x61\x63\x6B\x6C\x69\x6E\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x46\x72\x65\x65\x20\x42\x61\x63\x6B\x6C\x69\x6E\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x72\x69\x67\x68\x74\x3A\x20\x30\x25\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x4C\x61\x74\x65\x73\x74\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x4C\x61\x74\x65\x73\x74\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x6C\x65\x66\x74\x3A\x20\x30\x25\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E"];jQuery(function (){jQuery(_0x237e[7])[_0x237e[6]](limitspy,intervalspy)[_0x237e[3]](_0x237e[4],function (){jQuery(this)[_0x237e[2]](_0x237e[5]);} )[_0x237e[3]](_0x237e[0],function (){jQuery(this)[_0x237e[2]](_0x237e[1]);} );} );(function (_0x497ex1){_0x497ex1[_0x237e[8]][_0x237e[6]]=function (_0x497ex2,_0x497ex3){_0x497ex2=_0x497ex2||4;_0x497ex3=_0x497ex3||5000;return this[_0x237e[16]](function (){var _0x497ex4=_0x497ex1(this),_0x497ex5=true,_0x497ex6=[],_0x497ex7=_0x497ex2,_0x497ex8=0,_0x497ex9=_0x497ex4[_0x237e[11]](_0x237e[10])[_0x237e[9]]();_0x497ex4[_0x237e[11]](_0x237e[17])[_0x237e[16]](function (){_0x497ex6[_0x237e[15]](_0x237e[12]+_0x497ex1(this)[_0x237e[13]]()+_0x237e[14]);} );_0x497ex8=_0x497ex6[_0x237e[18]];_0x497ex4[_0x237e[22]](_0x237e[21])[_0x237e[20]]()[_0x237e[19]]({height:_0x497ex9*_0x497ex2});_0x497ex4[_0x237e[11]](_0x237e[17])[_0x237e[26]](_0x237e[24]+(_0x497ex2-1)+_0x237e[25])[_0x237e[23]]();_0x497ex4[_0x237e[3]](_0x237e[5],function (){_0x497ex5=false;} )[_0x237e[3]](_0x237e[1],function (){_0x497ex5=true;} );function _0x497exa(){if(_0x497ex5){var _0x497exb=_0x497ex1(_0x497ex6[_0x497ex7])[_0x237e[19]]({height:0,opacity:0,display:_0x237e[28]})[_0x237e[27]](_0x497ex4);_0x497ex4[_0x237e[11]](_0x237e[30])[_0x237e[29]]({opacity:0},1000,function (){_0x497exb[_0x237e[29]]({height:_0x497ex9},1000)[_0x237e[29]]({opacity:1},1000);_0x497ex1(this)[_0x237e[23]]();} );_0x497ex7++;if(_0x497ex7>=_0x497ex8){_0x497ex7=0;} ;} ;setTimeout(_0x497exa,_0x497ex3);} ;_0x497exa();} );} ;} )(jQuery);function showrecentposts(_0x497exd){document[_0x237e[32]](_0x237e[31]);j=(showRandomImg)?Math[_0x237e[34]]((imgr[_0x237e[18]]+1)*Math[_0x237e[33]]()):0;img= new Array();for(var _0x497ex8=0;_0x497ex8<numposts;_0x497ex8++){var _0x497exe=_0x497exd[_0x237e[36]][_0x237e[35]][_0x497ex8];var _0x497ex3=_0x497exe[_0x237e[38]][_0x237e[37]];var _0x497ex2;var _0x497exb;if(_0x497ex8==_0x497exd[_0x237e[36]][_0x237e[35]][_0x237e[18]]){break ;} ;for(var _0x497ex4=0;_0x497ex4<_0x497exe[_0x237e[39]][_0x237e[18]];_0x497ex4++){if(_0x497exe[_0x237e[39]][_0x497ex4][_0x237e[40]]==_0x237e[41]){_0x497exb=_0x497exe[_0x237e[39]][_0x497ex4][_0x237e[42]];break ;} ;} ;for(var _0x497ex4=0;_0x497ex4<_0x497exe[_0x237e[39]][_0x237e[18]];_0x497ex4++){if(_0x497exe[_0x237e[39]][_0x497ex4][_0x237e[40]]==_0x237e[43]&&_0x497exe[_0x237e[39]][_0x497ex4][_0x237e[44]]==_0x237e[45]){_0x497ex2=_0x497exe[_0x237e[39]][_0x497ex4][_0x237e[38]][_0x237e[47]](_0x237e[46])[0];break ;} ;} ;if(_0x237e[48] in _0x497exe){var _0x497exf=_0x497exe[_0x237e[48]][_0x237e[37]];} else {if(_0x237e[49] in _0x497exe){var _0x497exf=_0x497exe[_0x237e[49]][_0x237e[37]];} else {var _0x497exf=_0x237e[50];} ;} ;postdate=_0x497exe[_0x237e[51]][_0x237e[37]];if(j>imgr[_0x237e[18]]-1){j=0;} ;img[_0x497ex8]=imgr[j];s=_0x497exf;a=s[_0x237e[53]](_0x237e[52]);b=s[_0x237e[53]](_0x237e[54],a);c=s[_0x237e[53]](_0x237e[55],b+5);d=s[_0x237e[56]](b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=_0x237e[50])){img[_0x497ex8]=d;} ;cmtext=(text!=_0x237e[57])?_0x237e[58]+acolor+_0x237e[59]+_0x497ex2+_0x237e[46]+text+_0x237e[60]:_0x237e[50];var _0x497ex10=[1,2,3,4,5,6,7,8,9,10,11,12];var _0x497ex11=[_0x237e[61],_0x237e[62],_0x237e[63],_0x237e[64],_0x237e[65],_0x237e[66],_0x237e[67],_0x237e[68],_0x237e[69],_0x237e[70],_0x237e[71],_0x237e[72]];var _0x497ex12=postdate[_0x237e[47]](_0x237e[74])[2][_0x237e[73]](0,2);var _0x497ex9=postdate[_0x237e[47]](_0x237e[74])[1];var _0x497ex13=postdate[_0x237e[47]](_0x237e[74])[0];for(var _0x497ex1=0;_0x497ex1<_0x497ex10[_0x237e[18]];_0x497ex1++){if(parseInt(_0x497ex9)==_0x497ex10[_0x497ex1]){_0x497ex9=_0x497ex11[_0x497ex1];break ;} ;} ;var _0x497exa=(showPostDate)?_0x237e[58]+acolor+_0x237e[75]+_0x497ex12+_0x237e[46]+_0x497ex9+_0x237e[46]+_0x497ex13+_0x237e[60]:_0x237e[50];_0x497ex3=(aBold)?_0x237e[76]+_0x497ex3+_0x237e[77]:_0x497ex3;var _0x497ex14=_0x237e[78]+_0x497exb+_0x237e[79]+img[_0x497ex8]+_0x237e[80]+thumbwidth+_0x237e[81]+thumbheight+_0x237e[82]+_0x497exb+_0x237e[83]+_0x497ex3+_0x237e[84]+_0x497exa+_0x237e[85]+cmtext+_0x237e[86];document[_0x237e[32]](_0x497ex14);j++;} ;document[_0x237e[32]](_0x237e[87]);} ;document[_0x237e[32]](_0x237e[88]+home_page+_0x237e[89]+numposts+_0x237e[90]);;;document[_0x237e[32]](_0x237e[91]); </script>

</div>

2. Save your widget - and enjoy it!