Breaking News
Loading...

How to Scroll Recent Posts in Blogger / Blogspot - Auto Scrolling Widget

10:24 PM
It has been so long since i wrote about Blogger widgets. So, today, we will discuss how we can scroll latest blog posts in a single line. People who know "marquee" effect of HTML might have catch the idea. Those who dont know, let me tell me, This effect will scroll your latest blog entries, your blog readers will click on those post titles and they will see the full post. Here is how you can add a scrolling text widget in your blogger / blogspot blog.

How to add "Scrolling Recent Posts" in Blogger

  • Go to Blogger.com > Design > Add a Widget
  • Select HTML / JavaScript widget
  • Copy-paste this code in that widget;
<script style="" src="http://folsol.googlecode.com/files/scrollrecent.js"> </script><script style=""> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="»»"; </script> <script style="" src="http://Yourblog.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2"> </script>
  • You can change the highlighted text according to your need.
  • Save Your widget and you're done.

Example:

 
Toggle Footer