How to Add Breaking News Ticker in Blogger Template

Breaking News Ticker Html Css in Blogger Code

How to Add Breaking News Ticker in Blogger Template


Welcome to Coding HindiIn this post, we will know how to put Breaking News Ticker in Blogger in your blog, by showing breaking news in the blog home page, your visitor immediately gets to know which new post has come on your blog. 
For this, definitely put Breaking News Ticker in your blog. So let’s know 
How to Add Breaking News Ticker in Blogger Template ?
Today, according to the time, a new theme comes in the market and we feel that all the new features of that theme are also available in their Theme. And for this, you change the entire theme. Due to which the effect of both the themes gets into your blog, which spoils the look of the blog. For this, you can easily add new new features easily. So in this case we will Customize the theme and know that you How to Customize Blogger Theme.
So how can we add the same features to any template. Learn more about it.
You can very easily give a new look to your blog by adding Breaking News Ticker to your blog. Below we are going to tell its step by step, do not leave any step, and if done, these features may not work. And you can easily add New Widget to the blog easily. In this post we will also know how to add live ticker widget in Blogger Template in your blog
Breaking News Ticker Html Css



Step :-1>
Go to your blogger’s Dashboard and go to the Theme section and click on Edit Theme.
Breaking News Ticker Html Css
Step :-2>
Now you press  CTRL + F, a search box will open. In this search box, type <head> and enter. Copy the Javascript given in the box below and paste under the <head> Tag.
Breaking News Ticker Html Css
Click one above the box and copy the code


Step :-3>
Now when you press CTRL F, a search box will open. In this search box, type </body> and enter. Copy the Javascript given in the box below and paste it over </body> Tag.

Breaking News Ticker Html Css

Click one above the box and copy the code



Note :-
When this code works over the </body> tag, find </head> and paste over the </head> tag.

Breaking News Ticker Html Css

Step :-4>
Now when you press CTRL F, a search box will open. In this search box, type
 ]]></b:skin> and enter. Copy the Javascript given in the box below and paste it over
 ]]></b:skin> Tag.

Breaking News Ticker Html Css

Click one above the box and copy the code



Step :-5>
Click to save button

Breaking News Ticker Html Css

Step :-6>
Go to layout
Add a Gadget

Breaking News Ticker Html Css

Select HTML/Javascript Option

Paste this code and save 

Breaking News Ticker Html Css
Click one above the box and copy the code


Your Breaking News Ticker is Ready toUse 

What can you edit :->

Background :-> 

Breaking News Ticker Html Css
Title Name (Breaking News,Live etc.):->
Breaking News Ticker Html Css

Show Last Post Number :->


Breaking News Ticker Html Css
Thanks for visiting Me!
For the same interest Gedget remained with Coding Hindi


Share your love

One comment

  1. Nice Post 🤗😅🥰

Leave a Reply