Scrolling Recent Post Widget

Friends Today I created a Scrolling Recent Posts Widget for blogger so that visitors can see newer posts easily one by one.
Without navigating from current page to next page. This Widget also attracts the visitors.

 An image is attached below

Go to layout click on ad widget

select text/javascript

copy the code below in text area.

And Paste then click save.

You are done enjoy now
<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"> <!-- /* ========== Scrolling Recent Posts Widget By toolsvalley.blogspot.com ======== */ #NBT-widget { overflow: hidden; margin-top: 5px; padding: 0px 0px; height: 385px; } #NBT-widget ul { width: 295px; overflow: hidden; list-style-type: none; padding: 0px 0px; margin: 0px 0px; } #NBT-widget 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/AVvXsEhi18Q1LeQyhTCycTWu2FPaax0__otiVR3xG57Nn6xRyK1bsDshSFK0W6rnm7dSa2Gj3F2w8MBLUAwT_Zt1_oYu7SKNCvkg84_56zY3J-Av__FKApwsVU2qbwQ-u0eP7XnZp-JptUZn0Rvq/s1600/NewBloggerTips.com-post.jpg) repeat-x; border: 1px solid #ddd; } #NBT-widget li a { text-decoration: none; color: #4B545B; font-size: 15px; height: 18px; overflow: hidden; margin: 0px 0px; padding: 0px 0px 2px 0px; } #NBT-widget img { float: left; margin-top: 10px; margin-right: 15px; background: #EFEFEF; border: 0; } #NBT-widget 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); } #NBT-widget 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; } /* ========== Scrolling Recent Posts Widget By www.toolsvalley.blogspot.com======== */ --> </style> <script language='JavaScript'> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59CHSWYhOz5f4lol0OVxipQ4aCBSq2q-lh_MDHds2Ia6SXEE8Gw3B0Zl0XGJcd_TSFceoCiX0aDfs_xfsmOXoiKavoqLBoiS3RvUZLa05oAKs1KBENtRpR9UVishmITiRreHoKC_8dg4D/s1600/No+Image+1.gif"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59CHSWYhOz5f4lol0OVxipQ4aCBSq2q-lh_MDHds2Ia6SXEE8Gw3B0Zl0XGJcd_TSFceoCiX0aDfs_xfsmOXoiKavoqLBoiS3RvUZLa05oAKs1KBENtRpR9UVishmITiRreHoKC_8dg4D/s1600/No+Image+1.gif"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59CHSWYhOz5f4lol0OVxipQ4aCBSq2q-lh_MDHds2Ia6SXEE8Gw3B0Zl0XGJcd_TSFceoCiX0aDfs_xfsmOXoiKavoqLBoiS3RvUZLa05oAKs1KBENtRpR9UVishmITiRreHoKC_8dg4D/s1600/No+Image+1.gif"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59CHSWYhOz5f4lol0OVxipQ4aCBSq2q-lh_MDHds2Ia6SXEE8Gw3B0Zl0XGJcd_TSFceoCiX0aDfs_xfsmOXoiKavoqLBoiS3RvUZLa05oAKs1KBENtRpR9UVishmITiRreHoKC_8dg4D/s1600/No+Image+1.gif"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59CHSWYhOz5f4lol0OVxipQ4aCBSq2q-lh_MDHds2Ia6SXEE8Gw3B0Zl0XGJcd_TSFceoCiX0aDfs_xfsmOXoiKavoqLBoiS3RvUZLa05oAKs1KBENtRpR9UVishmITiRreHoKC_8dg4D/s1600/No+Image+1.gif"; 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://toolsvalley.blogspot.com/"; limitspy=4; intervalspy=4000; </script> <div id="NBT-widget"> <script src='https://dl.dropbox.com/s/gviv5r1iksjfvj3/Scrolling_recent-posts-Spy-NBT.js' type='text/javascript'></script> </div>