How To Add Scrolling Recent Posts Widget to blogger

Posted by Lasantha Bandara on June 7th, 2009 File Under : gadget, java script, post, widget1 Comment

I found this tip in www.dreamydonkey.com .

1.Login to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget'.

3.Select 'HTML/Javascript' and add the code given below and click save.

<script style="text/javascript" src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 15; 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>

Note : Remember to replace YOURBLOG with your real blog name.Also you can change below values.

No. of posts to be displayed nMaxPosts = your value
Scroll delay nScrollDelay = your value
Direction of scroll sDirection="left" or "right"
Character after each post passing sBulletChar="Any character"
Open link in new window sOpenLinkLocation="N" or "Y"

Now you are done.

File Under : gadget, java script, post, widget

One Response to “How To Add Scrolling Recent Posts Widget to blogger”

  1. artrockheaven says:

    thanks.very good, but why only 25 posts maxiimum;

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.