Add Stylish Scrolling Recent Posts Widget Blogger

We have share with you amazing bloggers widgets such as Popular Post Widget or Recent Comment Widget to engage your visitors on your blog. The implementation of such plugins on your blog makes easy for your reader to browse through different content on your blog and helps to grow readership of your blog. Today i will share with you guys awesome scrolling recent post widget for your blog. So lets add this together on your blog.

How To Add Scrolling Recent Post Widget ?

1. Go to blogger > Layout
2. Then select Add Gadget and choose Html/Javascript

How To Add Scrolling Recent Post Widget   3. Now Copy/Paste below code into the popup window.

<script type=’text/javascript’>
var jnWidth=”100″;
var jnScrollAmount=”1″;
var jnScrollDelay=”50″;
var jnDirection=”left”;
var jntargetlink=”yes”;
var jnnumPosts=”10″;
var jnBulletchar =”>>>”;
var jnimagebullet=”yes”;
var jnimgurl=””;
var jnfontsize=”16″;
var jnbgcolor=”red”;
var jnlinkcolor=”blue”;
var jnlinkhovercolor=”green”;
<a href=”” target=”_blank” title=”Blogger Tips and Tricks”><img src=”#” alt=”Blogger Tips and Tricks” border=”0″ style=”position: fixed; bottom: 10%; right: 0%; top: 0px;” /></a><a href=”” target=”_blank” title=”Latest Tips And Tricks”><img src=”#” alt=”Latest Tips And Tricks” border=”0″ style=”position: fixed; bottom: 10%; right: 0%;” />
<script type=’text/javascript’ src=’’ ></script>
<script type=’text/javascript’ src=”″ ></script>

  • Change to your blog Url.

4. All done Enjoy!

Any Question ?

If you have any question or have problem implementing this code then leave a comment below. Also if you want to change anything in the widget to match your blogs template then let me know i will be glad to help you out.

Leave a Comment