How To Add Notification Bar On Blogger?

Howdy Noobsblog Reader,
Its been a long time while I have written a new post. So today I thought that I should write something about ‘Blogger’. As many people  using blogger for making their website. I also made my first website on blogger. As Blogger doesn’t provides us functionality to add plugins on our site So many people are not able to design a beautiful site. In this article I will tell you how you can add a beautiful notification bar on your Blogger site. Notification helps us a lot for getting more clicks and also helps our site to look more professional.

In this tutorial I will be using a site called Hellobar that provides us functionality to make different types of widgets for our website. There are many other such sites but I like Hellobar the most because it’s free and doesn’t have any watermark.

So follow these easy steps to install notification widget on your blogger blog-:

NOTIFICATION widget for blogger

Hellobar

  • Register For Free Account And Add Your Website On Dashboard.

NOTIFICATION widget for blogger

  • Now Click On Create New Option On Dashboard.

NOTIFICATION widget for blogger

  • Select Other Option On New Screen.

Hellobar for blogger

  • Now You Will See Select Goal Option. If You Want  To Make An Announcement On Your Blog Then Select Announcement Option. And If You Want Your User To Click A Link Then Select Click Link Option. (For this tutorial I am selecting click link option).
  • Now Enter Your Desired Link In Link Box.

  • Now It Will Ask You To Change Style. Set The Notification Sytle According To The Way You Like.
  • Now It Will Ask You For Notification Bar Colour. Set Your Desired Colour For Notification Bar.
  • Then Set Your Cookie Duration.
  • Now Click On Headline On Live Preview Frame And Change The Text According You Want.
  • Now Click On Save And Publish Option.

  • It Will Provide You A Javascript Code. Copy This Code.
  • Now Goto Your Blogger Dashboard.
  • Goto Themes Section In Blogger Dashboard And Select Edit HTML Option.

  • Now Paste The Code Provided To You Before </body> Tag.
  • Save The Template And See The Change On Your Website.

Conclusion:

Notification is a great way for communicating with our visitors. It can be used in many ways whether it is for getting click on particular link or making an announcement.

If you are using wordpress then you can install HelloBar WordPress Plugin that gives us great functionality to make notifications on wordpress dashboard. HelloBar also allows us to create email subscription box, fan page like box and many more widgets.

I will soon write articles on various professional widgets for Blogger. So please subscribe to my E-mail List for getting these articles notification on your e-mail.

Thanks For Reading!!!!!!!!

2 Comments

  1. Siddharth August 15, 2017
  2. Jon Watson October 4, 2017

Add Comment