How to Add Sticky Floating Fixed Responsive Notification Bar in Blogger?

We can create Sticky Fixed Floating Notification bar with the message to display for visitors and link in it. It is a straightforward process to add this sticky bar with our code provided in this post.

See the Sample picture of the Sticky Notification bar on our Website below:-

Let's Create the Sticky Notification Bar for Blogger Now with this Step by Step Guide:-

#1. First of All, download the code for the sticky floating bar from the link provided below and save it on your device in a notepad for customization. 

Download link of Code for Sticky Floating Bar: Click Here to Download

#2. Then open the downloaded file for customizing your message in the sticky floating notification bar.

You can modify these lines and type your message in these lines:
1. Creating Sticky Notification Bar for BlogSpot :
2. Your Message to Display is to be Typed Here
3. Enter the link you want to open after href= ‘ Link here ’

#3. Then after modifying, COPY the code and open Blogger Layout to add this code in the HTML widget. 

SAVE the HTML Widget as Title: Sticky Bar; it will be easy to search that HTML Widget in HTML view of Blogger.

You can add this code in any place of your blogger layout as HTML Widget. It will appear as a sticky notification bar on top though you add the code in any part of the blogger layout.

#4. It may directly not appear in the mobile view of the blogger. So you need to add mobile= ‘yes’ in the HTML view of Blog for that HTML Widget. 

For that, Go to the Themes section of the blogger, open Edit HTML of the blogger, Search Sticky Bar and go to that HTML widget Section. 

Then add mobile= ‘yes’ in that HTML widget after locked and before the title, as shown in this video.

#5. If you want to remove the arrow in the sticky bar appearing on the right side of the bar, then remove this line from the code:-

<span id='button' class='fa fa-arrow-up' aria-hidden='true'></span>

#6. Check it out after adding mobile='yes' in Blogger HTML. It is fixed and is responsive.

Also, Watch this Video for step by step Help:-