Sunday, December 26, 2010

Auto Scrolling (Marquee) Widget For Recent Posts

This post explains how to add auto scrolling (marquee) Blogger recent posts in your blog which looks cool in your blogspot blog. This is similar to display recent posts in your side bar, but this will have marquee effect in this widget. You can scroll recent posts horizontally or vertically according to your need.

Steps to add auto Scrolling HTML code:

  • First sign in your Blogger dashboard
  • Go to Layout > Add Gadget > Add HTML/Javascript
  • Copy the HTML code, Copy and paste in blogger HTML/Javascript window.

 

Here The HTML Code For Auto Scrolling (Marquee)
 
<script style="text/javascript" src="http://digitalgupshup.110mb.com/DigitalGupshup_scrolling_blogger_posts.js"> </script><script style="text/javascript"> var
 nMaxPosts = 10; 
var sBgColor; var nWidth; 
var nScrollDelay = 175; var sDirection="left";
 var sOpenLinkLocation="N"; 
var sBulletChar="•"; </script> 
<script style="text/javascript" src="http://yourblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script> 
 

Change the values in the HTML code as per your requirement (Default values are good, but change http://yourblog.blogspot to your blog address compulsary):

nMaxPosts = 10; (Number of posts you want to display)

var nScrollDelay = 175;  (Speed of the scrolling text, change the number and increase or decrease the speed)

var sDirection=”left”  (left for scrolling horizontally and up for scrolling verically)

Also change http://yourblog.blogspot.com to your blog address in the HTML code.

Thats all, now enjoy the scrolling widget in your blog. Ant doubts? ask via comments..

3 comments:

Joshua LaBello said...

How do I get the blog posts to scroll instead of the blog titles?

Sandy Doank said...

nice info friend...thanks

Unknown said...

how to add thumbnail of recent post in the above code???

Post a Comment

Related Posts Plugin for WordPress, Blogger...
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Modern Warfare 3