How to Make Rainbow Color Link Text on Mouse Over

When you design a website, the links on your site will not have any special effects unless you manually add the effects you want to see. You can use special HTML code to add visual interest to your links. Instead of your hyperlinks remaining the same color, you can create a hover (mouse over) effect. With a hover effect, the link will change color whenever your website visitors rolls their mouse over the link.

1. Login to your Blogger account.


2. Go to "Blogger Dashboard" > "Template" > "Edit HTML".


3. Check the  "Expand Widget Templates".


4. In the code window, search for (Ctrl + F) </head> tag.


5. Add below code just before </head> tag.



<script type='text/javascript' src='https://bloggerxtutorials.googlecode.com/files/rainbow.js'></script>



6. Save it.

If you'd like to add effect to other texts(not link texts), then add 'onmouseover="doRainbow(this);"' and 'onmouseout="stopRainbow();"' to the target tags.