Wednesday, 22 February 2012

Add Scrolling Recent Posts Widget to blogger Blog


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.
  1. No. of posts to be displayed nMaxPosts = your value
  2. Scroll delay nScrollDelay = your value
  3. Direction of scroll sDirection="left" or "right"
  4. Character after each post passing sBulletChar="Any character"
  5. Open link in new window sOpenLinkLocation="N" or "Y"
4. Now you are done.

No comments:
Write komentar