3

Display posts as headlines – Blogger widget


Do you like the way news channels display moving headlines? If yes, then you should check out this blogger widget called Scrolling Headlines. This blogger hack displays recent posts as headlines. iwebgator.com has presented a simple widget for achieving this.

Whats in it for you?
Well your blog gets a professional look like that of an e-commerce site. People mat be tricked into clicking the links thinking it must be of some important external website. What more do you want?

How to Add Scrolling Headlines blogger widget to your blog?
Copy the following code to a new HTML/javascript gadget in layout section.

<script style=”text/javascript” src=”http://iwebgator.com/tools/RecentPostsScrollerv2.js”> </script>
<script style=”text/javascript”>
var nMaxPosts = 5;
var sBgColor;
var nWidth;
var nScrollDelay = 175;
var sDirection=”left”;
var sOpenLinkLocation=”S”;
var sBulletChar=”«”;
</script>
<script style=”text/javascript” src=”http://yourblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2″>
</script>
<span style=”font-size: 55%;”> <a target=”_blank” href=”http://iwebgator.com/add-scrolling-headlines-widget-your-blog”>Grab the widget</a>&nbsp; <a target=”_blank” href=”http://www.iwebgator.com”>IWeb Gator</a></span>

How to Customize this widget/Gadget

  • http://yourblog.blogspot.com - Replace this code by your Blog address. (required)
  • var nMaxPosts = 15; – This code sets the no 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.


Filed in: Blogger Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Related Posts

Bookmark and Promote!

3 Responses to "Display posts as headlines – Blogger widget"

  1. Aahna says:

    hey thanks for the info good one your site is very good, keep it up

  2. Yaar this is not working on my blog. please help

Leave a Reply

Submit Comment

© 2012 Tech With Ric. All rights reserved. XHTML / CSS Valid.