How to Add Animated Post and Page Title on Median Ui, Imagz and Fletro theme

 Hello Blogger's how are you, I hope you all are doing great and good. So today we are going to see How to add animated Post and Page title on Median Ui, Imagz and Fletro theme.

Have you seen any blog that is using Animated Post title and Page title and wonder how it happened. So today by reading this article you can also do it and apply on your blog.

It is a very easy process. You have to just add some codes in your blogger blog. Follow the below given instructions carefully.

Important!Before following the below method. Kindly backup your theme for any error and easy restoration.

Adding CSS for Animated Post and Page title

Below are the given steps for Adding animated Post and Page title :-

Kindly note that we have tested this code for Median Ui, Imagz and Fletro template. Other template may not work.

Step 1 : Open your Blogger Dashboard.
Step 2 : Go to your theme section.
Step 3 : Now click on the edit html.
Step 4 : Now search for this code ]]></b:skin> tag in theme.
Step 5 : Copy the below given CSS and add it just before the ]]></b:skin> tag.

/* Animated Post and Page title */
.postTitle span{background:linear-gradient(135deg, #14ffe9, #ffeb3b, #ff00e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:animate 1.5s linear infinite}@keyframes animate{100%{filter:hue-rotate(360deg)}}

After this Please click on save!

Change the marked code #14ffe9, #ffeb3b, #ff00e0 for changing the colors and 1.5s for animation speed effect.

Demo

Conclusion

I hope you like our post How to add Animated Post and Page title on Median ui, Imagz and Fletro theme. If you have any problem implementing the above codes kindly do contact and give a comment below.

Reference :
Nexozed