Add Scrolling Recent Posts Widget in Blogger

Click Below Ad for Leaning Blogging Tricks.

Next Blogger Tricks

Hello Bloggers Today i am going to show this tutorial for your blog look like a stylish and awesome website .  I can share some widget such as Add Spinning Hover Effect For Popular Post Widget in Blogger or Add Automated Featured Post Widget in Blogger to engage your blog readers. This widget attract more unique visitors to your blog just you can add this widget on your blogger blog then you see in your blog are look like a professional's website.
Also Read:-Add Stylish Subscriber Widget in Blogger Blog

Now today i comes with awesome plugin and its working on CSS (Cascading Style Sheet) once you can see this plugins screenshot on top of this post then you can add this widget in your blogger blog.

How It Work?
It is a working on CSS and Jquery with help this two plugins your recent or latest post are auto animated on hover mouse cursor.SO you will ready to add this widget in your blogger blog.

How TO Add Scrolling Recent Posts Widget in Blogger:-

• Go TO Blogger Dashboard>>Layout>>Add Gadget
• Select HTML/JavaScript Gadget
• Paste Following below code in HTML/JavaScript Widget

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKlIxzyiFTxINOOVdVVovfnlK99lNxB_lMVHIXRhvvxfDMDj3jWi3YxnJsiF2qBhZinUytlaL_Okir8E9VQBdZoSFTZ028Bini5IksNs5waej96XQVxHKYJj4YtRJnLhSLFOvpYvMCHk/s1600/arrows_back_forward.gif";
var jnfontsize="16";
var jnbgcolor="red";
var jnlinkcolor="blue";
var jnlinkhovercolor="green";
</script>
<a href="http://softwayrko.blogspot.com/" 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="http://softwayrko.blogspot.com/" 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='https://www.dropbox.com/s/55dft39shztwdt1/recent-comment-scrolling.js' ></script>
<script type='text/javascript' src="http://www.softwayrko.blogspot.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>

• Replace http://www.softwayrko.blogspot.com with your blog URL.
• Save it
• Done.

Final Words

I hope you can add this amazing and cool widget in your blogger blog if you are facing problem so comment for his problem's solutions and don't forget like our Facebook Page.

Happy Blogging!