How To Add Rainbow Color Glowing Line Your Website Bottom | CreatorFaruk

Hello Dear, I am Faruk Ahemd Today i will Show How to add Ranbow Color Glowing Line Animation In Your Blogger Website. This is a amazing animation code from which you can add glowing line animation at bottom of your site like Google assistant.

Just follow some simple steps to add this animation in your website

Related Posts

FOLLOW STEP

1. Go to Your Blogger Dashboard
2. Click On Theme Option
3. Click On Customise Button
4. Scroll Down And Click Advance
5. Click On Theme Color 🔻 Arrow Button
6. Finally Click Add CSS and Paste Below CSS Code

/* Bottom Bar Animation by CreatorFaruk */ .animeTWD,.animeBlurTWD{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}.animeBlurTWD{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%}}  



7. Now Click Save Icon
8. Go to Your Blogger Dashboard
9. Click On Theme Option
10. Click On Arrow Button🔻
11. And Click Now Edit Html
12. Finding </footer> Footer Close Teg
13. And Paste Code After </footer> Footer Closing Teg

<!--[ Bottom Bar Animation by CreatorFaruk ]-->
<div class='animeTWD'>
<div class='animeBlurTWD'>
</div>
</div> 

14. Save Template

Rate This Article

Go to Link

Thank You So Much How To Add Rainbow Color Glowing Line Your Website Bottom | CreatorFaruk For Reading This Article.