How To Display Posts as Headlines in blogger

Posted by Lasantha Bandara File Under : gadget, post 3 Comments

1.Login to blogger 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="" src="http://www.hotlinkfiles.com/files/2681944_ihtfn/RecentPostsScrollerv2.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&callback=RecentPostsScrollerv2"> </script>

Note : You must replace YOURBLOG with your real blog name.

You can Customize other values as your choice ;

var nMaxPosts = 15; - This code sets the number of posts in this widget.

var sBgColor; - If you want to set background color then change this code to var sBgColor= grey;

var nWidth; - Modify this code to change the width to var nWidth= 100px;

var nScrollDelay = 175; - This code is used to set the speed of scrolling. Lesser the no, higher the speed of scrolling.

var sDirection="left"; - This code sets the direction of scroll. left = Right to left; Right = Left to right; Up = Down to up; Down = Up to down

var sBulletChar="»»"; - This bullet appears before each post link in this widget. You can replace this to any other bullet.

Now you are done.

3 thoughts on “How To Display Posts as Headlines in blogger

  1. Hello Lasantha,
    Inspiring and indeed very useful resources. Thank you very much for your support. I'm surely going to implement some of them at my "Money making Online" blog at http://www.moneyjustonline.blogspot.com

  2. It's not working in my Blog. Could you help me please ? Reply me at balkrishna.timsina@yahoo.com. Website:http://thenepaltucson.blogspot.com

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.