Add Animated Rainbow Changing Colors To The Links On Blogger

Posted : Saturday, February 11, 2012 | Post Author : Paul Crowe | 32 comments

In this post i have a neat effect for the links on your blog.Using some javascript you can make the links on your blog change through different colors when the cursor is hovered over them.The effect comes from Dynamic Drive and we have a one click button to add it to your blog in seconds.Check out the demo below, simply hover your cursor over the post titles or any of the links on the demo blog.

View Demo Button

Add Rainbow Links To Your Blog

Method 1

Simply click the button below, select the blog you want it on then click add widget :

Method 2

If this will not work for you (Sometimes there are issues with the Add To Blogger Button) follow these steps :

Step 1. In The New Blogger Dashboard Click The Drop Down For Your Blog > Choose Layout > Click Add A Gadget > Choose HTML/Javascript > Paste In The Code then save as shown in the video below :

Code :

<script src='http://yourjavascript.com/512719721/rainbow-links.js'>

/*
Rainbow Links Script- TAKANASHI Mizuki
For full source code, 100's more DHTML scripts, and TOS, 
Visit http://www.dynamicdrive.com
Blogger Version - http://www.spiceupyourblog.com
*/

</script>

That’s it a cool effect for your links, check out more of our Blogger Gadgets.

32 comments:

  1. thanks. I just added it to mine.

    ReplyDelete

     

    Replies

     

  2. Nice Blog.. Keep Sharing

    Delete

  3.  

  4. I’m giving it a try. Thank you!

    ReplyDelete

  5. Awesome!

    ReplyDelete

  6. nice master..

    thanks for sharing

    ReplyDelete

  7. how to add it?.. can anyone please tell me..

    ReplyDelete

     

    Replies

     

  8. Simply click on the add to blogger button !! And you are done 😀

    Delete

  9.  

  10. Nice

    ReplyDelete

  11. I love how we can add with a click of the button now!!!

    ReplyDelete

  12. Superb !!

    ReplyDelete

  13. this is soo cool gadget i really add this to my site

    ReplyDelete

  14. Jill @ Sneaky MommaFebruary 13, 2012 at 6:37 PM

    I blogged about this tip today. Thanks for sharing! Too cool!
    http://www.sneakymommablogdesign.com/2012/02/easy-animated-rainbow-links-and-post.html

    ReplyDelete

     

    Replies

     

  15. Thanks for blogging about it Jill !

    Delete

  16.  

  17. Love this gadget! Thank you!

    ReplyDelete

  18. Hello,i found your site through search,yours site is excellent and a nice website…

    The contents are nice &will grow higher in future…

    thanks,

    http://www.reifen.ms/

    ReplyDelete

  19. Neato!

    ReplyDelete

  20. That was by far the most idiot proof add on I have seen. I like it.

    ReplyDelete

  21. really nice and i added to my blog http://songhut.blogspot.in/2012/02/c-programming.html

    ReplyDelete

  22. superb!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    ReplyDelete

  23. ♥ Lucy Sem Fronteiras ♥March 20, 2012 at 2:56 AM

    Hello Paul,

    Your blog is wonderful! Your tips are excellent!
    Already saved in my favorites and I indicate my friends too.

    Sorry, but I do not speak English very well.

    peace and blessings

    Lucy 🙂

    ReplyDelete

  24. That’s so cool! Thanks.
    Barb

    ReplyDelete

  25. Your blog is so nice. I’m a new blogger,- www.coonix.blogspot.com, started few months ago. Been trying to change my blogger template without success. Can u give me some tips on how to do it successfully. Please

    ReplyDelete

  26. I love your bloggggg…..Thank you for the gadgets

    ReplyDelete

  27. awesome blog

    ReplyDelete

  28. Awesome! I just added it to my blog! Thanks!!

    ReplyDelete

  29. thankf for that

    ReplyDelete

  30. THanx man you rock..

    ReplyDelete

  31. Thank you!

    ReplyDelete

  32. Thanks very muck this is the best site ever

    ReplyDelete

  33. I’ve clicked the add widget button, it says “error-you need to fill in the required field” but i have already filled out everything 🙁

    ReplyDelete

     

    Replies

     

  34. Chanchan Pearl – I have added a second method to add the code to your blog check it out.

    Delete