ඔයාගේ බ්ලොග් එකේ ලින්ක් වලට rainbow colors දාමුද?

අපි අද බලමු කොහොමද බ්ලොගේ එකේ තිබෙන ලිනක්ස් ලගට mouse point එක ගනියපුවාම එම ලින්ක්ස් rainbow colours විදියට animate වන්නේ කියලා.මේ ක්‍රමයනම් කලාතුරකින් තමා බ්ලොග් ඒකක දක්නට ලබන්නේ.හරි එහනම් අපි වැඩේ පටන් ගමු.

· පළමුව template එකේ copy එකක් දාගෙන තියා ගන්න.දැන් template එකට යන්න.

· දැන් ctrl+F මගින් <head> එක හොයාගන්න. ඊට පස්සේ පහල තිබෙන code එක <head> එකට පහල පේලියේ copy කරලා paste කරන්න.

<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 කරලා බලන්න කොහොමද වැඩේ කියලා. පට්ටටම ඇති.එහෙනම් තවත් වැදගත් දෙයකින් හමුවෙනු.

** මෙය නැරබු හා කියැවූ ඔබට තුති .. තවත් මෙවැනිම වැදගත් දෙයකින් හමුවීමට බලාපොරොත්තුවෙමි **

ඔබට ජය..!!

(මෙය පිලිබදව හෝ ඔබට කිවයුතු දෙයක් ඇත්නම් comment Box එකේ ස‍ටහන් කරන්න ඔබේ Comment එක මටශක්තියක් හා ඉතා වැදගත් වනු ඇත.}

ස්තුතියි..!!

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.