Hello Bloggers how are you I hope you are doing good. Welcome to my blog Tech Aadi.
Today we are going to talk about Gradient Color Text Effect for Blogger that will change color predominantly. And it's looks very cool for some users. And some users may want to use it on their blog.
So today we will share the codes for it. You just only have to follow the process below. If you are knowledgeable person in coding then you can use it in your ways also.
Before starting please backup your blog template for any kind of errror and easy restoration process.
Adding Gradient Color Text Effect
Step 1:- Login to your Blogger Dashboard.
Step 2:- Go to Theme section.
Step 3:- Now Copy the below code and paste it before the </body> tag.
Demo
<style>
.ta-clr-text{color:black;animation:myfirst 15s;animation-iteration-count:infinite;-webkit-animation:myfirst 15s;-webkit-animation-iteration-count:infinite;font-family:Arial;font-weight:bold;font-size:25px;text-decoration:none;text-align:center}@keyframes myfirst{0%{color:hsl( 10,90%,60% )}6%{color:hsl( 30,90%,60% )}12%{color:hsl( 50,90%,60% )}18%{color:hsl( 70,90%,60% )}24%{color:hsl( 90,90%,60% )}30%{color:hsl( 110,90%,60% )}36%{color:hsl( 130,90%,60% )}42%{color:hsl( 150,90%,60% )}48%{color:hsl( 170,90%,60% )}54%{color:hsl( 190,90%,60% )}60%{color:hsl( 210,90%,60% )}66%{color:hsl( 230,90%,60% )}72%{color:hsl( 250,90%,60% )}78%{color:hsl( 270,90%,60% )}84%{color:hsl( 290,90%,60% )}90%{color:hsl( 310,90%,60% )}96%{color:hsl( 330,90%,60% )}100%{color:hsl( 350,90%,60% )}}@-webkit-keyframes myfirst{0%{color:hsl( 10,90%,60% )}6%{color:hsl( 30,90%,60% )}12%{color:hsl( 50,90%,60% )}18%{color:hsl( 70,90%,60% )}24%{color:hsl( 90,90%,60% )}30%{color:hsl( 110,90%,60% )}36%{color:hsl( 130,90%,60% )}42%{color:hsl( 150,90%,60% )}48%{color:hsl( 170,90%,60% )}54%{color:hsl( 190,90%,60% )}60%{color:hsl( 210,90%,60% )}66%{color:hsl( 230,90%,60% )}72%{color:hsl( 250,90%,60% )}78%{color:hsl( 270,90%,60% )}84%{color:hsl( 290,90%,60% )}90%{color:hsl( 310,90%,60% )}96%{color:hsl( 330,90%,60% )}100%{color:hsl( 350,90%,60% )}}
</style>Step 4:- Now click on save theme.
Step 5:- Now to use this you have to use HTML code for calling it class.
Step 6:- Copy the below HTML codes and paste it where you want to use it.
<div class="ta-clr-text">Demo: The content changes color automatically</div>
Step 7:- Change the marked part as per your content.
Now all done. I hope after following the above steps you have successfully completed Adding the Gradient Color Text Effect for Blogger.
If you got any questions please do contact us. I would be very happy.
Conclusion
So this is all about Gradient Color Text Effect for Blogger and i hope you have like this article. If you have any query do comment below. Do visit our blog again for getting more post like this daily.