Automated Latest Posts News Ticker for Blogger

Dhiraj Barnwal Tuesday, 31 October 2017 53 comments
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.

Or

Adding The Widget in the Blog:

STEP 1: Log in to your Blogger account and Go to your Blogger Dashboard


Blogger Layout

STEP 2: In The Left Side Bar You will find Layout Section as highlighted in the image above Click on Layout.


Add a Gadget


STEP 3: Click On "Add a Gadget" As highlighted in the image above.

HTML Script Section Screenshot


STEP 4: After Clicking on "Add a Gadget" Choose "HTML/JavaScript" from the list & as highlighted in the image above.


STEP 5:  Now Copy This Below Code And Paste it in The Empty Box of the "HTML/JavaScript" Section.

<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="http://files.allbloggertricks.com/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.
Labels:
Google+ Pinterest

53 Comments to Automated Latest Posts News Ticker for Blogger Post Yours! Read Comment Policy ▼

Nice...
TechBlogGuide.Blogspot.com

Very helpful blog. Thanks :)

Help me in placing this widget please.

I can't find this div id='content-wrapper' in the html.
Could it be something else I need to search for?
Please, help

Very nice plugin. I find it more times. Now I get it and use it my blog
http://www.alphahomeocare.com/
Thanks admin....

I think the reason why it doesn't work on my blog is because I have altered the lay-out and added some widgets before this.
On another blog of mine which is quite empty and has a simple lay-out it worked right away.
Btw I had to look for descriptionwrapper and not content-wrapper.
I can't use this widget but maybe this might help others.

This is exactly what I've been looking for. Couple things. It needs a "Stop on Hover" effect. Also, is it possible to change the background and font, blond etc on the words. Also change the Latest Articles to whatever we want?

help me please, give your js code, in Dropbox , your js have been deleted from their server..Error (509)
This account's public links are generating too much traffic and have been temporarily disabled!
thx u my friend..

awesome bro, thanks for posting

Nice working perfect on my blog...

http://www.smartphone.in

awesome post. thank you for share...........

Certain web sites give you the audiences income go over good news and functions on the earth among the associates. The particular relationship while looking at news causes it to be a lot more interesting.Unique viewpoints could be mentioned by simply people around the globe intended for particular brand new <a href="http://www.bdnews24.com/”>online newspaper</a>

I appreciate you and I would like to read your next post.
We will help you for finding any important News that you need for
every information.
Bangladesh online news
Live bangladesh
BD News
News

not helpful i am unable to fine div id='content-wrapper' in my blogger template setting

really good writing. thanks for share. for more info please click technology

Is there away to get it to show on every page?

i tried in my blog.

check it
http://babarhussain786.blogspot.com

Very nice, and will to try at my other blogs and share this.

it is so nice bro thanks alot for this ..
http://www.shiningweb.info/

nice widget thnks for help.
www.egauze.com

Please i did just you described in your article but it is not working for me any help?

i use a sample blog i use to test any code before i use the and the link is
helpus-all.blogspot.com
i'd love to have your help
thank you

Tried on www.Trickscafe.in

Working Perfect !!

see here how it works
www.stablejobs.in

yop i most say but it really help my blog look cute

lovely.. thanks it worked for me.. http://www.jeoworld.com

Hey I Not Find Code in My Blogger Url.

Very well study and well presented. And thank you for all.
For know more about blogspot, visit bellow site
http://blogsnucleus.blogspot.com/

THANKS
NICE POST
For know more about blogspot, visit bellow site
http://softfinding.blogspot.com/

BD Online News For BD News Lover and all time updare bd news.Just chack this link
Click for mobile Apps

IT WORKED FOR ME https://lejournaldumaroc.blogspot.com/

Thanks for share with us.we can get all news from this blog. if need all news in hand just need to download this online news app in your smartphone .
BD Online News

Very well study and well presented. For know more about blogspot, visit bellow site breaking news

Thanks
very nice, but how i can change font style and color, also bacground

i tried it on my blog.
http://www.Humptechtips.com

didnt work well

Thanks
But How I can change background and titles posts colors?

It works good on my blog. thank you

Thanks for notifying we have updated the code now. there was a issue with the script so we have added the new one. Now you can add it and use in your blog. If you have any questions further then don't hesitate to ask.

I cant find the code in my template

Don't worry @Johnpaul We have added another way to add the widget to your blog. Thanks or notifying this problem to us. I think you have different template coding so you can't find the div element.

thanku

@Minerva J. Marion Always Welcome. Do share this post with your friends if you like it and support and encourage us to create more useful widgets for bloggers :)

Its Working ....awesome post. thank you for share...........