Add colorful animated hover effect on links in blogger

Making you blogger blog’s template beautiful users and SEOfriendly isn’t easy. With the development of the IT the developers also create a lot of  different helpful widgets forblogger blogs. Those widgets make it easy for bloggers to make their blog attractive, responsive and seo friendly.

If you want to make your blogger links animated and want to add something cool effects on links as like you see in this blog pakmax.net. When you place cursor on any link in this blog the link will start animating with colourful hover effect.

We have created a new widget for blogger which will add colourful  animated hover effect on links in blogger. And we will share this widget with you friends so you also add this beautiful colourful animated hover effect on links in blogger.

Steps to add colorful animated hover effect on links 

• First open your blogger dashboard
• Goto Template >> Edit HTML
• And then Search for this ]]></b:skin>
• Now add the following below code just above ]]></b:skin> 

a:hover{color:#27c7ff;text-decoration:none;outline:none;
 -webkit-animation: pakmaxanim 1s linear  infinite alternate; /*pakmax.net anim widget */
    animation: pakmaxanim 1s linear 1s infinite alternate;
}
/* <---pakmax.net anim widget---> */
@-webkit-keyframes pakmaxanim {
    0%   {color:red; left:0px; top:0px;}
    25%  {color:purple; left:200px; top:0px;}
    50%  {color:#2693ba; left:200px; top:200px;}
    75%  {color:green; left:0px; top:200px;}
    100% {color:pink; left:0px; top:0px;}
}}

Now save your template.
Congratulations ! . You have successfully added colourful animated hover effect on the links.

Customization

To change colors in the animated hover effect on links then simply change the colour name with your's in the above code.

You can replace the red , purple, and other colours with your desired colours.

From editor's desk

Hope you enjoy and like this new blogger widget created by pakmax. team. If you have any problem or anything to ask simple comment below and we will try to solve you out as early as possible.
 If you want to get more our upcoming new widgets and tutorials direct in your inbox then simply enter your email in the below box and subscribe to us.