Auto scrolling recent posts widget for blogger

How to Install Auto Scrolling Recent Posts Widget

For Adding The Widget To Blogger, Follow the steps given below-

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

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

---

<script type='text/javascript'>

var jnWidth="100";

var jnScrollAmount="10";

var jnScrollDelay="50";

var jnDirection="left";

var jntargetlink="yes";

var jnnumPosts="10";

var jnBulletchar =">>>";

var jnimagebullet="yes";

var jnimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhKwxXCqKsyc-drO46vQHesgpHChqjcXBNCfIEOukNwvotIiMHKLxKux9nzzWIu77MXs7u9VVOKcY3fwRRTkOLdNy4LdcA_ODs6pKid9Nf60VLtg7-jC7b5PzleWYo9v1ExE6z0mNWv-d/s1600/arrowe.gif";

var jnfontsize="16";

var jnbgcolor="FFFFFF";

var jnlinkcolor="FF0000";

var jnlinkhovercolor="3366CC";

</script><a href="http://24work.blogspot.com/" 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/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" 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/scrolling-recent/scrolling-recent-v3-ycode.js' ></script>

<script type='text/javascript' src="http://abcd.blogspot.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>

---

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


4. And now click "SAVE"

Note:- Choose appropriate Image Bullet or Icon That have transparent Background and small in Size   

ScrollAmount:	(0 = No Scroll)
ScrollDelay:	(0 = MaxScrollSpeed)

You can only modify the code with red color (variables) according to your requirements.