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.
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.techndo.com";
var latest_post = 10;
var scrolling_speed = "8";
var close_button = false;
var info_text = true;
</script>
<script src="https://googledrive.com/host/0B5U6V6FiDDpdU3VzNUc5UFVkTmc"></script>
</div>
<br />
<br />
<div style='clear:both;'/>
Change the following according to your needs -
var blog_url - Add your blog URL by replacing http://www.techndo.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.
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.
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.techndo.com";
var latest_post = 10;
var scrolling_speed = "8";
var close_button = false;
var info_text = true;
</script>
<script src="https://googledrive.com/host/0B5U6V6FiDDpdU3VzNUc5UFVkTmc"></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.techndo.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.
Usually I never comment on blogs but your article is so convincing that I never stop myself
ReplyDeleteto say something about it. i am Really very happy to say that this post is very interesting
to read and keep it up bro.
Vu Moaaz Past Papers
We have sell some products of different custom boxes.it is very useful and very low price please visits this site thanks and please share this post with your friends. Click Here
ReplyDeleteI can set up my new idea from this post. It gives in depth information. Thanks for this valuable information for all,.. definitely check it out
ReplyDelete