This ticker is fully automated and you just have to add URL of your blog and it will update the new posts automatically. The live demo of this widget can be seen by clicking the below Live demo button. This ticker will be below the two navigation bars.
Once you have seen the demo we can move on with the instructions of how you can add this news ticker to your blogger blog.
Editing HTML of your blog
First go to Blog Title → Template → Edit HTML. Press Ctrl + F and search 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://www.allbloggertricks.com";
var latest_post = 10;
var scrolling_speed = "8";
var close_button = false;
var info_text = true;
</script>
<script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-ticker.js"></script>
</div>
<br />
<br />
<div style='clear:both;'/>
Settings
Change the following according to your needs -
var blog_url - Add your blog URL by replacing http://www.allbloggertricks.com
var latest_post - The number of posts link you want to have in the ticker
var scrolling_speed - Increase/Decrease the number to increase/decrease scrolling speed.
var close_button - If you want to add close button in the ticker
var info_text - If you want to remove/keep the text "Latest Articles" and RSS icon.
After making the changes save the template.
You are done now. Now you and your visitors can see this Automated Latest Posts News Ticker in your blogger blog.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
0 comments:
Post a Comment