How to add Auto Scrolling Recent posts widget for blogger

How to add Auto Scrolling Recent posts widget for blogger

Fast Copy the html/ JavaScript code from the below Box

<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/AVvXsEjF4mY-ZjF-ad8aih3gIWt3iJqGwyLi1xZ3gW7_ydd4DuCY_SUa0MN_1pKfVLbIhar2Qi-_s8SpBRw0FG7S___0kKT9P30jjFJ-REjqNt3KK0kG47RdpZDbX3Wn7tOqBZPBxCimMuLc4eWl/s1600/arrowe.gif";

var jnfontsize="16";

var jnbgcolor="FFFFFF";

var jnlinkcolor="FF0000";

var jnlinkhovercolor="3366CC";

</script><a href="http://adminwidget.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://dl.dropboxusercontent.com/s/fqy9x54r0lgaomx/scrolling-recent-v3-ycode.js' ></script>

<script type='text/javascript' src="Yourblogger url here/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>

 Sing in your blogger account

Go to blogger dashboard and click the layout button

Go to Add a Gadget and click the box

Now  paste the html code here

Note : - Replace your url "http://adminwidget.blogspot.in/"here

Now save the code

now this is ready to work

Don't forget to like us on facebook.