Auto Scrolling Recent posts widget for your blog
If you like to show your visitors all new posts with good effect this is for you.
This widget will show your visitors new posts automatically without even doing anything!!.
Yes this widget works through the Rss feed it automatically identifies newposts and show them.
You can see a example of this widget below-
EXAMPLE-
HOW TO ADD THIS WIDGET TO BLOGGER-
1- Open Blogger dashboard
2- Click Add a Gadget and select HTML/Javascript
3-Add this code in 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/AVvXsEgM60tLYEKyF9l61erPpH1r7rRjKSMVoIvuKXVJuBNdEebpCrrfGz2VcQoNc28vAPxbjzQfcbO7y-vATPfC0E7KjWXjYpMkNSsW5LFz2ELOzT-q1hrmTf3PBnB_NywP5H7QMUs7FYxUDqzB/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://dl.dropboxusercontent.com/s/fqy9x54r0lgaomx/scrolling-recent-v3-ycode.js' ></script>
<script type='text/javascript' src="http://ngtechzone.blogspot.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>
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/AVvXsEgM60tLYEKyF9l61erPpH1r7rRjKSMVoIvuKXVJuBNdEebpCrrfGz2VcQoNc28vAPxbjzQfcbO7y-vATPfC0E7KjWXjYpMkNSsW5LFz2ELOzT-q1hrmTf3PBnB_NywP5H7QMUs7FYxUDqzB/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://dl.dropboxusercontent.com/s/fqy9x54r0lgaomx/scrolling-recent-v3-ycode.js' ></script>
<script type='text/javascript' src="http://ngtechzone.blogspot.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>
Replace http://ngtechzone.blogspot.com with your blog addres
DONE ENJOY YOUR AUTO SCROLLING RECENT POSTS WIDGET
Can you give me this template i want to make a blog like yours :-) Please
ReplyDeleteWe are working on this template so when we finish we will notify you. But you can also download
ReplyDeletePunjab press and Nami press template which are also very beautiful templates
Happy blogging :)