ဘေလာ့မွာ လင့္ေတြကို Multi-Color Effect ထည့္ရေအာင္

ဒီ Widget ကေလးကို ဘေလာ့ခ်စ္သူေတြ သေဘာက်ၾက လိမ့္မယ္လို႔ ထင္ပါတယ္။ ကိုယ့္ရဲ႔ဘေလာ့မွ Links ေတြအားလံုး ကို အေရာင္မ်ိဳးစံုေျပာင္းေပးပါတယ္။ ခပ္ဆန္းဆန္းကေလးေပါ့။ ဟဲ..ဟဲ..။ 

တခ်ဳိ႔က ရုိးရွင္းတာကို သေဘာက်ေကာင္းက်ၾကလိမ့္မယ္။ တခ်ိဳ႔ကေတာ့ ခုလို ဆန္းဆန္းျပားျပားကေလးေတြကို သေဘာ က်တတ္ ၾကပါတယ္။ 

သေဘာက်လို႔ ႏွစ္ၿခဳိက္တယ္ဆိုရင္ ေအာက္က အဆင့္ ကေလးေတြအတိုင္း လုပ္ၾကည့္လိုက္ပါ။ စိတ္တိုင္းက်လို႔ အဆင္ေျပသြားၾကတယ္ဆိုရင္ေတာ့ ဝမ္းသာမႈအနႏၱနဲ႔ ေက်နပ္ေနရမွာေတာ့အမွန္ဘဲ။ ဆက္လက္ ႀကဳိးစားပါဦးမည္။

ကဲ--စၾကေအာင္..

၁။ ပထမအခ်က္အေနနဲ႔ Layout ထဲက Add a Gadget/ Widget တစ္ခုကို ယူလိုက္ပါ။

၂။ ဒုတိယအေနနဲ႔ Gadget/ Widget Box က်လာပါလိမ့္မယ္။

၃။ အဲဒီ Gadget/ Widget ေတြထဲက HTML/JavaScript ကို ေရြးၿပီး ေအာက္ကကုတ္ေတြကို Copy ကူးထည့္လိုက္ပါ။

<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);
}
};
document['write']('<a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" ></a>');
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 လုပ္လိုက္ပါ။

ၿပီးသြားပါၿပီ။ အဆင္ေျပၾကပါေစ။