How to add Stylish Notification Bar in Blogger | Stylish Notification Bar in Blogger
Hi to all, In this article I am going to tell you all about how to add notification bar in blogger websites easily in just 2 minutes.
So read the below provided steps carefully and completely, if you issue any one step then you may get issue while saving the theme code.
FAQ's
What is Notification Bar in Website ?
Basically notification is one type of user experience pattern, by using this you can intimate or announce your website about new activities or even you can announce your sales.
What is the use of Notification bar in website ?
The main use of this notification bar is to provided latest or updated information to your visitors about your post, sales, gifts and others.
By using this your visitors will know latest information quickly and by this your website look will also increases.
What is difference between alert bar and notification bar ?
Basically both are similar, but alert bar is used to the visitors to be careful by using the website and notification bar is used for your latest announcements.
How do I add notification bar in my blogger website ?
Follow the below provided steps to add notification bar in your blogger website easily without getting any error to your theme code.
Note: Backup your theme, by the process given in step-2, if any issue occurs while saving the theme code, then you can restore the old code without any changes to your blogger website.
Steps to add Notification bar in blogger
Step-1: Login to your blogger dashboard by using your login credentials.
Step-2: Choose your blog -> Theme -> Customize -> Backup Theme.
Step-3: Now click Customize -> Edit HTML -> Proceed.
Step-4: Search for <head> tag in the theme section and paste the following css code below the head tag <head>.
Step-5: Now search for </head> tag in the theme section and paste the following code above the </head> tag or closing head tag.
Step-6: Now search for <body> tag, and paste the following code below the <body> tag,
if you don't find the <body> tag in your theme then search for <body expr: class='data:blog.pageType'> and paste the following code below the <body expr: class='data:blog.pageType'> tag.
Step-7: If you want to change the text, colors and redirection link, all this can be modified by the code-3.
Step-8: Now you have successfully added notification bar in your blogger website, now you can visit your blogger website and check your notification bar.
Note:
Check whether <body> tag is available in your blogger theme code, if not there then you can follow step-6
Conclusion
If you follow above given steps then you can add notification bar in blogger easily in just 1 minutes.
If you found the content helpful then follow us from social media platforms, links are available in the home page.