How To Add Rainbow Color Glowing Line Your Website Bottom

Hello Dear, 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

FOLLOW STEP

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

/* Bottom Bar Animation by AL-AMIN */ .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. 1️⃣ Go to Your Blogger Dashboard
9. 2️⃣ Click On Theme Option
10. 3️⃣ Click On Arrow Button🔻
11. 4️⃣ And Click Now Edit Html
12. 5️⃣ Finding </footer> Footer Close Teg
13. 6️⃣ And Paste Code After </footer> Footer Closing Teg

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

14. ✅ Save Template