It's Almost Multi-Color Final Result For Your Links On Hover For Blogger / Blogspot

How to create text links inward dissimilar colors? Would you lot similar to utilisation multiple colors for text links instead of using a unique color link inward the whole page? Confused foremost to nation what the title, role ANAA if you lot desire to link touched the pointer to uppercase, bekedip flashing rainbow colors in addition to the background similar fireworks or a star-studded.You tin specify the color of the links to the amount page VLINK LINK in addition to attributes inside the starting BODY tag.





How to add together multiple link styles

Want to brand a link to your weblog in addition to rainbow-colored flashing when the pointer is affected? It is real easy

Now let's foremost adding it...


Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane in addition to click on Add a Gadget link.

Step 2. After click on Add a Gadget link Influenza A virus subtype H5N1 pop-up box volition opened upward now

amongst many gadget list, Choose HTML/JavaScript from the gadget options past times clicking the bluish addition sign for that gadget.

Step 3. Select 'HTML/Javascript' in addition to add together the i of code given below.


Step 4. Now Click On Save 'JavaScript' You are done.

<script type='text/javascript'>

//<![CDATA[

var charge per unit of measurement = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which lawsuit occured in
var human activity = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // Influenza A virus subtype H5N1 color earlier 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;
}

component doRainbow(obj)
{
if (act == 0) {
human activity = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
};
document['write']('<a href=" /" target="_blank" title="It's About Multi-Color Effect For Your Links On Hover For Blogger / Blogspot"><img src="https://bitly.com/24workpng1" alt="Color Effect For Your Links On Hover For Blogger Blogs It's About Multi-Color Effect For Your Links On Hover For Blogger / Blogspot" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><a href=" /" target="_blank" title="It's About Multi-Color Effect For Your Links On Hover For Blogger / Blogspot"><img src="https://bitly.com/24workpng1" alt="Color Effect For Your Links On Hover For Blogger Blogs It's About Multi-Color Effect For Your Links On Hover For Blogger / Blogspot" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a><a href=" /" target="_blank" title="It's About Multi-Color Effect For Your Links On Hover For Blogger / Blogspot"><img src="https://bitly.com/24workpng1" alt="Color Effect For Your Links On Hover For Blogger Blogs It's About Multi-Color Effect For Your Links On Hover For Blogger / Blogspot" border="0" style="position: fixed; bottom: 10%; right: 0%;" ></a>');
component stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
human activity = 0;
}
}


component doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
piece (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;
human activity = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


component stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
human activity = 0;
}
}
}


component Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
piece (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;
human activity = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


component Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
human activity = 0;
}
}
}


component ChangeColor()
{
objActive.style.color = makeColor();
}


component makeColor()
{
// Don't you lot intend Color Gamut to expect similar 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;

furnish '#' + elmR + elmG + elmB;
}

//]]>

</script>

Now Click Save


And you lot are done.

Customize And Demo.

You tin alter this value

var charge per unit of measurement = fifteen ; 

in the inward a higher house code to command the speed of color transformation past times increasing or decreasing the let out 15








How to create a rainbow colored hover link


1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.

2. Paste the next code inward HTML/Javascript Box.

<a href=" /" target="_blank" title="It's About Multi-Color Effect For Your Links On Hover For Blogger / Blogspot"><img src="https://bitly.com/24workpng1" alt="Color Effect For Your Links On Hover For Blogger Blogs It's About Multi-Color Effect For Your Links On Hover For Blogger / Blogspot" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-color/linkpelangi-ycode.js"></script>

Now Click Save



















How to Add Rainbow Color Effect For Your Links In Hover For Blogger / Blogspot


Hello friends! Effect of rainbow colors to random colors volition laissez passer on your link on hover. This widget industrial plant based on elementary JavaScript. Once applied, all the links on the page displays a rainbow upshot onmouseover.


Watch Live Demo

How to add together this widget to blogger?

Just click Add to Blogger Button Bellow

<a href=" /" target="_blank" title="Blogger Tips in addition to Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips in addition to Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-color/linkpelangi-ycode.js"></script>

(OR)

1. Login to Blogger Account
2. Go to Design > Page elements
3. Click Add a Gadget in addition to pick out Html/JavaScript
4. Paste Bellow Code in addition to click Save Button

<a href=" /" target="_blank" title="It's About Multi-Color Effect For Your Links On Hover For Blogger / Blogspot"><img src="https://bitly.com/24workpng1" alt="Color Effect For Your Links On Hover For Blogger Blogs It's About Multi-Color Effect For Your Links On Hover For Blogger / Blogspot" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-color/rainbow-colors-ycode.js"></script>

Please exit your comments in addition to responses for ameliorate improvement of my blog

Tweet

Subscribe to receive free email updates: