Add 'Auto Scrolling Latest Posts News Ticker' widget to Your Blogger blog

Sometimes few plugins drags readers attention indirectly forces them to stay long time on your blog/website with confidence to browse more posts. One of that plugin is �Auto Scrolling News Ticker�, this type of tickers mostly used on Wordprss platform blogs by uploading them directly but in case of blogger it is not possible. There is no provision enabled on blogger templates or blogger services to install it directly.
But, don�t disappoint you can add this news ticker manually with simple script code following our step by step Blogger Tricks and Tips which is compatible to blogger templates.
This �Auto Scrolling News Ticker� can easily customizable to where users easily increase or decrease post scrolling on ticker.This is another Animated Tricks Widget from Blogger widgets.

Webmaster doesn�t need to work hard for adding this news ticker to blogs our Blogging Tips helps you. Simply by changing the blog URL and soft installation of script code on blogger template updates posts automatically to scroll.

How to Add 'Auto Scrolling Latest Posts News Ticker' widget to Blogger?
Sign into your blogger account
Select 'Template' link tab and proceed
Click on 'Edit HTML' link tab
Note: Before you experiment this Backup your Template, if anything goes wrong you can reuse it again.
Now search for code
<div id='content-wrapper'>

After finding tag copy below code and paste above to it
<div style="width:970px;height:20px;position:relative;">
<script type="text/javascript">
var blog_url = "http://www.blogtariff.com";
var latest_post = 10;
var scrolling_speed = "8";
var close_button = false;
var info_text = true;
</script>
<script src="http://goo.gl/kJOJdb"></script>
</div>
<br />
<br />
<div style='clear:both;'/>

Code customization:

  • Replace News Ticker Width value and height value
  • Replace �www.blogtariff.com� with your Blog/Website URL
  • Replace latest post value �10� with desired value of posts to scroll
  • Replace scrolling speed value �8� with desired value
  • Replace �false� with �true� if you wish to display close button
  • Replace �true� with �false� if you don�t wish to display text �Latest Articles�
After successful altering code, �Save� your template
That�s it you�ve done.
Watch Demo Video

Related Posts