Add Recent Posts with Scrolling Widget in Blogger/Blogspot

Click Below Ad for Leaning Blogging Tricks.

Next Blogger Tricks

How To Add Recent Posts with Scrolling and thumbnail Widget in Blogger/Blogspot.

In Previous Post You can see Add Clean Facebook,Twitter & Feedburner Buttons in Each Blogger Post but Now this time Change your blog with cool and clean Recent Posts with Scrolling and thumbnail Widget In this widget your post show in different style with their images its one good benefit that Increase your blogger Page views from this widget.
To add this widget in you blog follow the easy steps.

How to Add This Widget in Blogger:-

1. Go to Blogger Dashboard>go to Layout>Click on Add Gadget.

  

2. Choose the HTML/JavaScript Gadget.

3. Then insert the following code in widget.

 <div class="eggTray"><script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list","pipe_params":{"URL":"http://softwayrko.blogspot.com/feeds/posts/default"},"hideHeader":"false","height":"500","count": 10 }</script><div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://softwayrko.blogspot.com/2014/05/add-recent-posts-with-scrolling-widget.html" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://softwayrko.blogspot.com/" target="_blank">Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div><style type=text/css>.eggTray {margin:10px 0px;padding:0px;}.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}.pipesTitle {padding-top:0px;}.pipesDescription {display:true;}.ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ8ZgxQfnUbTEKyErQ7KdTgoCWZrm9T1qk5aQyeXxuxYzet6ihQ-YAanl-4aaQ3B9LmBhBHdqV_fj2-CZ_hI7EDRTdZXau8vO6NSs-3oQbcHYIOx3CEBhZiWr-YAuMRXjwKlwdIZiYWfs/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}.ycdr, .ycdr a {color:#999999;}.widget .popular-posts ul {padding-left:0;}</style>

Customization:-

1. Replace the http://softwayrko.blogspot.com with Your Blog URL.
2. Replace 10 with number of posts desired.
3. If you want to disable the scroller, remove the number 500