How to Add Animated Latest Posts News Ticker to your blogspot ?

Good Day Bloggers and Readers, today I will show you on how to add Animated Latest Posts News Ticker to your blogspot site. WordPress sites can add this widget easily by uploading the plugins but in blogger we have to manually add code for it. So this widget will show the 10 latest posts of your blog in a ticker box.

This ticker widget is perfectly Animated and you just have to add URL of your blog and it will update the new posts automatically.

Follow the step by step procedures below:

1. Editing HTML of your Blog Template

Go to your Blog Template and  Edit HTML. Press Ctrl + F and look for  <div id='content-wrapper'> and add the given code just above it.

<div style="width:970px;height:20px;position:relative;"> <script type="text/javascript"> var blog_url = "http://techtsismisph.blogspot.com"; var latest_post = 10; var scrolling_speed = "8"; var close_button = false; var info_text = true; </script> <script src="http://files.allbloggertricks.com/Scripts/abt-ticker.js"></script> </div> <br /> <br /> <div style='clear:both;'/>

2. Configure Blogspot Settings

Change  the following according to your desires -

var blog_url - Add your blog URL by replacing http://www.techtsismisph.blogspot.com
var latest_post - The number of posts link you want to have in the ticker(must be in digit)
var scrolling_speed – Change the number to increase/decrease the scrolling speed.
var close_button – Add Close Button if ever you want.
var info_text - Remove/keep the text "Latest Articles" and RSS icon.

After making the changes save the template and you are done now.

 Now you and your readers can see this Animated Latest Posts News Ticker in your blogspot.

Source: allbloggertricks.com