How to Create Text Color Animation in Blogger? | Html Code

Hello friends, welcome to Technokhurwal. If you are also fond of blogging and want to make your blog post look more beautiful, then I hope that what I am going to share with you in HTML code will definitely work for you.

Through this code, you can change the text of your blog to "animated look with color change". To decorate the blogger page as well as save site space in blogger, today I will share some basic code so that you too can give a new look to your blog. So let's start.

Color Animated Code or Flashing Code shows very nice text animation changing different colors. For this you will not have to do much, just add the code given below in your post where you want to show text animation.

Animated Text HTML Code

Copy the entire code below and paste it in your blog while writing.

“<div style="font-size: 20px"> <script type="text/javascript"> farbbibliothek = new Array(); farbbibliothek[0] = new Array("#FF0000","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF7700","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00","#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#FF6600","#FF5500","#FF4400","#FF3300","#FF2200","#FF1100"); farbbibliothek[1] = new Array("#FF0000","#FF4000","#FF8000","#FFC000","#FFFF00","#C0FF00","#80FF00","#40FF00","#00FF00","#00FF40","#00FF80","#00FFC0","#00FFFF","#00C0FF","#0080FF","#0040FF","#0000FF","#4000FF","#8000FF","#C000FF","#FF00FF","#FF00C0","#FF0080","#FF0040"); farbbibliothek[2] = new Array("#FF0000","#EE0000","#DD0000","#CC0000","#BB0000","#AA0000","#990000","#880000","#770000","#660000","#550000","#440000","#330000","#220000","#110000","#000000","#110000","#220000","#330000","#440000","#550000","#660000","#770000","#880000","#990000","#AA0000","#BB0000","#CC0000","#DD0000","#EE0000"); farbbibliothek[3] = new Array("#00FF00","#FF0000","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00"); farbbibliothek[4] = new Array("#a100ff","#a100ff","#a100ff","#FFFFFF","#FFFFFF","#FFFFFF"); farbbibliothek[5] = new Array("#747af7","#f77874","#747af7","#747af7"); farbbibliothek[6] = new Array("#f77474","#2b1faf"); farben = farbbibliothek[0]; function farbschrift(){for(var b=0;b<Buchstabe.length;b++){document.all["a"+b].style.color=farben[b]}farbverlauf()}function string2array(b){Buchstabe=new Array();while(farben.length<b.length){farben=farben.concat(farben)}k=0;while(k<=b.length){Buchstabe[k]=b.charAt(k);k++}}function divserzeugen(){for(var b=0;b<Buchstabe.length;b++){document.write("<span id='a"+b+"' class='a"+b+"'>"+Buchstabe[b]+"</span>")}farbschrift()}var a=1;function farbverlauf(){for(var b=0;b<farben.length;b++){farben[b-1]=farben[b]}farben[farben.length-1]=farben[-1];setTimeout("farbschrift()",30)}var farbsatz=1;function farbtauscher(){farben=farbbibliothek[farbsatz];while(farben.length<text.length){farben=farben.concat(farben)}farbsatz=Math.floor(Math.random()*(farbbibliothek.length-0.0001))}setInterval("farbtauscher()",5000); text= "Your Text Sample"; string2array(text); divserzeugen(); //document.write(text); </script></div>”

Replace the "Your Text Sample" text with whatever text you want to animate.

Then Save and Enjoy..

Keep blogging

Conclusion

Friends. If you like this article "How to Create Text Color Animation in Blogger?" Has helped. So do share your thoughts with us by commenting. Or if you have any other way, do share it with us.And if you are interested to know More about this script, then you can ask in the comment section below.Don't Forget To Join us on Facebook , Twitter, Instagram ,Telegram channel. Medium, Reddit,