Blog Site က Links ေတြကို Mouse ေထာက္လိုက္ရင္ Rain Bow Style Colour မ်ားေျပာင္းေအာင္လုပ္တဲ့ Code ေလးပါ။

ကၽြန္ေတာ္ အခု တင္မဲ့ Post ေလးကေတာ့ ကၽြန္ေတာ္တို႕ Blog Links ေတြကို Mouse ေထာက္လိုက္ရင္ Colour ေလးေတြ မ်ိဳးစံုေျပာင္းသြားေအာင္ ျပဳလုပ္ေပးတဲ့ RainBow Links Style လို႕ေခၚတဲ့ Code ေလးေတြနဲ႕ မိတ္ဆက္ေပးပါရေစဗ်ာ။ကၽြန္ေတာ့ကို ညီေလး တစ္ေယာက္ကလဲ အဲ့ဒီ Code ေလးလိုခ်င္တယ္လို႕ အကူအညီေတာင္းထားတာေလးလဲ ရွိလို႕ ကၽြန္ေတာ္ တင္ေပးလိုက္တာပါ။ကၽြန္ေတာ္ ဆိုဒ္မွာ အသံုးျပဳထားသလို Links တိုင္းလိုလိုေလးမွာ Mouse ေထာက္လိုက္ရင္ အေရာင္မ်ိဳးစံု ေျပာင္းေနတာကိုေတြ႕ရမွာ ျဖစ္ပါတယ္ဗ်ာ။အရင္ဦးဆံုး လုပ္ရမွာက www.blogger.com ကို Signin ၀င္ပါ။
1.Design
2.Edit Html
3.Ctrl+F ကို ႏွိပ္ပါ။
ကို အမွန္ျခစ္ေလး ေပးထားပါ။

 Ctrl+F ကိုႏွိပ္လိုက္တာနဲ႕ က်လာတဲ့ Search Box ေလးမွာ </head> ကို ရိုက္ထည့္ျပီး ရွာပါ။ေတြ႕ရင္ </head> ဆိုတဲ့ စာလံုးရဲ႕ ေအာက္မွာ ကၽြန္ေတာ္ ေအာက္မွာ ေပးထားတဲ့ Code ေလးေတြကို ကူးထည့္လိုက္ပါဗ်ာ။
<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 Template Buttom ကို Click လိုက္ေပါ့။ကဲ ဒါဆိုရင္ သူငယ္ခ်င္းေတြရဲ႕ Blog Site ေလးဟာ RainBow အေရာင္ေလးေတြ ေျပာင္းတဲ့ Link ေလးေတြ ရသြားမွာ ျဖစ္ပါတယ္ဗ်ာ။ကဲ သူငယ္ခ်င္းေတြ အားလံုး အဆင္ေျပၾကပါေစလို႕ ဆုေတာင္းေပးလိုက္ပါတယ္ဗ်ာ။သူငယ္ခ်င္းေတြ အားလံုး အဆင္ေျပသြားခဲ့မယ္ ဆိုရင္ ကၽြန္ေတာ္ေပးဆပ္ခဲ့ရတဲ့ အခ်ိန္ေတြ အတြက္ ကၽြန္ေတာ္ ေက်နပ္မိပါတယ္ဗ်ာ။
                                                                                                                                         ၾကိဳးစားလ်က္.....!
                                                                                                                                           (Yekyawphyo)

Share on Google Plus

About Ye Kyaw Phyo

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.