How to add Rainbow Sticky Footer Line in Blogger 2022

 

Hello Guys! Welcome to Gujarat Jobs. Nowadays many websites use the Rainbow sticky footer line in Blogger and you might also want to know about how to add Rainbow sticky footer line. So we published an article to show you how to add a Rainbow sticky footer line in Blogger. So without wasting any time let's start.

How does the Rainbow sticky footer line work?

It will show a sticky footer line with an RGB effect. And it will work with HTML, CSS.

How to add a sticky footer line in Blogger?

First copy this CSS and paste above </head> or &lt;!--<head/>--&gt;&lt;/head&gt;

<style>.stwRainbow,.stwBlurRainbow{position:fixed;width:100%;bottom:0;left:0;right:0;height:3px;z-index:23;background:linear-gradient(-45deg, #4086F4, #31A952, #FBBE01, #EB4132,#4086F4, #31A952, #FBBE01, #EB4132);background-size:200%;-webkit-animation:animeBar 5s linear infinite;animation:animeBar 5s linear infinite}.stwBlurRainbow{height:10px;z-index:22;filter:blur(10px);opacity:.7}@-webkit-keyframes animeBar{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes animeBar{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}</style>

Then find  </body> and paste this code above </body>

<div class='stwRainbow'>
  <div class='stwBlurRainbow'>
  </div>
</div>

Hope this article will helpful to you. If you have any doubts related to this article ask me in the comment. Thanks for visiting!