Hello, friends welcome to Game Adda World. Nowadays you might notice many websites that show sticky neon lines on the footer and you might be thinking about how to add that neon line to your Blogger. website So we made a tutorial for you about how to add neon lines in Blogger. So without wasting time let's start.
Advantages of adding neon lines
It makes your website more beautiful and attractive. It was responsive and
worked on both desktop and mobile properly. You can install it on your Blogger
website without any coding knowledge by following this tutorial.
How to add sticky footer neon lines in Blogger?
Before doing the following steps we recommend you take a backup of your template. By chance, if any mistake has been done you can restore it later.{alertInfo}
- First, go to Blogger
- Then click on the Theme option
- Now click on the drop-down icon near Customize
- Then click on Edit HTML
Now find
</head>
and paste this CSS just above it
<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 HTML code just above it
<div class='stwRainbow'>
<div class='stwBlurRainbow'>
</div>
</div>Then save your template.
Now you successfully installed sticky footer neon lines in your blogger
website!
Conclusion
Hope this post will helpful to you. Do share with your friends. if you have
any doubts related to this article ask me in the comment.
Thanks for visiting our site!