Search Box by All Blogger Tricks

Sunday 8 September 2013

Automated Latest Posts News Ticker


Freelance Jobs

Latest Posts Ticker Blogger
Today I will show how you can add Automated Latest Posts News Ticker to your blogger blog. WordPress blogs can add these things easily by uploading the plugins but in blogger we have to manually add code for it. So this widget will show the 10 [can be increased or decreased] latest posts of your blog in a ticker box.

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.
<<<<<****************************************************************>>>>>
We hope you have Enjoyed this Widget & find it useful for you. If you have any Problem or Issue with this Widget, Please do visit the Official page of this Widget here and directly ask the developer of this Widget for the Solution by Commenting there.

Need more Customisations ? Comment your combinations
Below and We will add that in this post as soon as Possible


0 comments

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Support: Contact Us | Feedback & Support | About Us
Links: Developer | Request/Publish/Remove Widget | Widgets by Widgets Bay
Donate Us via: PayPal Powered by: Blogger
Published by: Widgets Bay | Privacy Policy | Terms of Service
Copyright © 2013Widgets Bay - All Rights Reserved