• RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Increase Website And Blog Traffic:latest article for Increasing Blog and website Traffic free gide.....
  • Create and Upload Site Map to Google:Google is fist largest Search Engine by upploading SITE MAP Google Easily Search Links from Ur site in Searching.......
  • Fix WEB SITE Errors:Google and other search engines always take those site in there fist page in searching which ha too less web Errors...
  • Top 20 Search Engine:Submit Ur site to top 20 Search Engines to Increasing Ur Site Traffic and making money top search engines like as Google, Yahoo, Ask, AOl, MSN...
  • Top Social Sites:Top 100 Social sites which real help U make a Affliate Marketer and in Pormoting ur Producdts...

New Posts

Awesome Rainbow animation Link Widget for Blogger

Posted by Mohsin On 1/30/2012 05:51:00 AM 9 comments

This is a simple Blogger Blog Trick,Changing the color of Link when Mouse over it.7 colors are changing like animation when hover the link.
Follow the simple steps below..












If you are a beginner in HTML editing,Use our 1 Click Widget Below(Click Add to Blogger Button below)



Install Rainbow Animation Hover Effect manually.

Note:Remember that Back up your Template First.(How to Backup Template)

  • Sign In to you Blogger Account.
  • Go to Design->Edit HTML
  • Find <head> section and Place the below code inside it.

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;  // The object which event occured in
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg;     // A color before the change
var TimerID;    // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV;    elmG = elmV;    elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1;  elmB = t2;  elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1;  elmB = t2;  elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1;  elmR = t2;  elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1;  elmR = t2;  elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1;  elmG = t2;  elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1;  elmG = t2;  elmB = t1 - t3;
}
else {
elmR = 0;   elmG = 0;   elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1)    elmR = "0" + elmR;
if (elmG.length == 1)    elmG = "0" + elmG;
if (elmB.length == 1)    elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

  • Save It and Enjoy. . . !

I think you enjoyed this post.Surely you will get excited after using this widget.

9 comments:

I have taken quite a few of these workshops, and have been quite pleased with all of them.

Whitehill, Karen Jacobs, Iwaski and Michael Khandros.
The internet is the best and cheapest way to help you improve your photographic skills.


my page: local photography classes

The Nokia 5228 is such a good phone that has the price of a midrange phone and features of
a high end phone. The local Palomar College in San Marcos offers some of
the best adult workshops I have ever experienced,
at a fairly low cost. The best dance school in Boulder can provide
a comprehensive lesson on basic dance steps and movements.


Here is my blog :: professional photography institute

I have taken quite a few of these workshops, and have been quite pleased with all
of them. Take photos from the top of a hill, or off the side of a yacht.

The internet is the best and cheapest way to help
you improve your photographic skills.

Also visit my web blog: photography degrees

View other Seattle Free Stuff articles or visit Cindy's blog at for frugal tips,
free stuff and advice on saving money. But what if
you could get better grades with less study time. Nikon Digital camera price in India is easy matches to the cost and quality sensitivity of the crowd and relatively quite affordable.


My webpage; courses on photography

Unquesrionably believe that wich you stated. Your favorite justification appeared to be on the net the easiest thing to be aware of.
I say tto you, I certainly get irked while people consider worries that they just do not know about.

You managed to hit the nail upon the ttop and also
defined out the whple tthing without having side effect , people can take a signal.Will probably
be back too get more. Thanks

Also viskt my web site - Las Vegas Appliance Parts

Very good blog! Do you have any hints for aspiring writers?
I'm planning to start my own site soon but I'm a little lost on everything.
Would you propose starting with a free platform like Wordpress or go for a
paid option? There are so many choices out there that I'm completely
confused .. Any suggestions? Kudos!

my weblog - just click the up coming document

My partner and I absolutely love your blog and find almost all
of your post's to be precisely what I'm looking
for. Would you offer guest writers to write content for you?
I wouldn't mind creating a post or elaborating on many of
the subjects you write with regards to here. Again, awesome website!



Also visit my page; london businesses rely

Howdy! Someone in my Facebook group shared this site with us so I came to give it
a look. I'm definitely enjoying the information. I'm book-marking and will be tweeting this to my followers!
Wonderful blog and outstanding design.

My webpage :: prices of private jet

Great work! That is the type of info that should be shared around the net.
Disgrace on the search engines for not positioning this submit upper!
Come on over and seek advice from my site . Thank you =)

Also visit my web site :: social media badges

Post a Comment

All types of Comments are welcome