Automated Latest Posts News Ticker for Blogger

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.

66 comments:

  1. Nice...
    TechBlogGuide.Blogspot.com

    ReplyDelete
  2. Help me in placing this widget please.

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

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

    ReplyDelete
  5. 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.

    ReplyDelete
  6. 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?

    ReplyDelete
  7. 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..

    ReplyDelete
  8. awesome bro, thanks for posting

    ReplyDelete
  9. Nice working perfect on my blog...

    http://www.smartphone.in

    ReplyDelete
  10. awesome post. thank you for share...........

    ReplyDelete
  11. 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>

    ReplyDelete
  12. 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

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

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

    ReplyDelete
  15. Is there away to get it to show on every page?

    ReplyDelete
  16. i tried in my blog.

    check it
    http://babarhussain786.blogspot.com

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

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

    ReplyDelete
  19. nice widget thnks for help.
    www.egauze.com

    ReplyDelete
  20. 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

    ReplyDelete
  21. Tried on www.Trickscafe.in

    Working Perfect !!

    ReplyDelete
  22. see here how it works
    www.stablejobs.in

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

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

    ReplyDelete
  25. Hey I Not Find Code in My Blogger Url.

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

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

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

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

    ReplyDelete
  30. 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

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

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

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

    didnt work well

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

    ReplyDelete
  35. It works good on my blog. thank you

    ReplyDelete
  36. It didn't work. I removed it =(

    ReplyDelete
    Replies
    1. 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.

      Delete
  37. I cant find the code in my template

    ReplyDelete
    Replies
    1. 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.

      Delete
  38. Replies
    1. @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 :)

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

    ReplyDelete
  40. its not working (blank to show) please help me

    ReplyDelete
    Replies
    1. Hello, It is working correctly. I have checked just now.

      Delete
  41. Have a look on this it isn't working
    https://vbprentertainments.blogspot.in/

    ReplyDelete
  42. Could u make one for popular posts?

    ReplyDelete
    Replies
    1. Yes, I have noted down your request it will be processed within few days.

      Delete
  43. script src="http://files.allbloggertricks.com/abt-ticker.js"></script

    this code is for what reason?? can u explaian...........

    ReplyDelete
  44. Sir Your blog is awesome...I want your help....

    ReplyDelete
    Replies
    1. Thanks for the compliment. What kind of help you need? I would love to help you.

      Delete
  45. It's Not working yaarr. Only Show blank plz check and suggest me
    my Site:-https://oneindia07.blogspot.com/

    ReplyDelete
  46. I try this many times but it's not work plz help me my blog-
    https://oneindia07.blogspot.com/

    ReplyDelete
  47. script src="http://files.allbloggertricks.com/abt-ticker.js" /script

    site Down

    ReplyDelete
  48. This widget not working on my blogging site. You can also check now technicalblog4you.blogspot.com

    ReplyDelete