Add Stylish Scrolling Recent Post Widget To Your Blog
We have share with you amazing bloggers widgets such as Popular Post Widget orRecent 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 > Layout2. Then select Add Gadget and choose Html/Javascript
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPOE_OL0-KKjpyrLdqTWSuFAXGazLv2PzwZHlVBcsJKdTXSF0szwzIo-7CSZE2cInrOx2HmTTQAstWXDPzI3pRTd3laU2_GdUFgZNooFCZUHA7_fvRN6_BbUf9F61IXxE3yEUnAwBonfQ/s1600/arrows_back_forward.gif";
var jnfontsize="16";
var jnbgcolor="red";
var jnlinkcolor="blue";
var jnlinkhovercolor="green";
</script>
<a href="blogtrickscenter.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://mybloggersworld.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://blogtrickscenter.blogspot.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>
- Change blogtrickscenter.blogspot.com to your blog Url.
Post a Comment