How to add custom notification bar in blogger template - Techno Pratap

How to add custom notification bar in blogger template


How to add custom notification bar in blogger template.


custom notification bar in blogger template

I agree to add Blogger's notification bar. The notification bar is a message in a small section at the top of Blogger or a website. This notification bar contains a link to a particular message or a particular page.


also read:

Some awesome blogs have a notification bar at the top.



Features of the notification bar

  • Increase email lists.
  • Give updates your visitors.
  • Redirect your affiliate page.

Add a notification bar to the blogger.

Blogger's notification bar can be added in many ways. They will be discussed in writing below.


  • Blogger's notification bar can be added through various third-party tools. And they are customizable and it's free. Such as Hello Bar, PowR, etc.
  • Or you can add your own JavaScript notification bar.


Today I will discuss this second option. How to create a notification bar with your own JavaScript and add it to Blogger. Which will be fully customizable and completely free.

Before doing any action you must have to take a back of your blogger template


How to add custom notification bar in blogger template

Before doing any action you must have take a back of your blogger template

Let's take a step-by-step discussion on how to add Javascript to this blogger.


  1. At first, open your blogger dashboard.
  2. Visit blogger.com first.
  3. If you are not logged in to Blogger.
  4. then open blogger.
  5. Then click on the theme option on the left.
  6. Then click on the Edit HTML option below.
  7. Then you need to find <head> tag
  8. Then you have to paste this code under
  9. Open css code
  10. Then you need to find </body> tag
  11. Then you have to paste this code before </body> tag
  12. open html code
  13. Then click the save button.
  14. Then you will see that the notification bar has been added to your Blogger.