ធ្វើ​អោយ​អក្សរ​ចំណងជើង​និង​តំណ​ដូរ​​ពណ៌​ឥន្ទធនូ​​ពេល​យក​​​ព្រួញ​កណ្ដុរ​ដាក់​ពី​លើ

    អ្នក​ប្រើប្រាស់ Blogspot មាន​ភ័ព្វសំណាង​​អាច​ដាក់​បញ្ចូល​កូដ​ផ្សេងៗ​ដើម្បី​បង្កើន​ប្រសិទ្ធភាព​ប្លក​របស់​លោកអ្នក វា​ផ្ទុយ​ពី​អ្នក​ប្រើ wordpress.com ដែល​​គ្មាន​សិទ្ធ​បញ្ចូល​កូដ​បាន​ទេ។ ដូច​នេះ​ខ្ញុំ​សូម​នាំ​យក​ Effiect មួយ​ដែល​ធ្វើ​អោយ ចំណងជើង​អត្ថបទ និង តំណ​ភ្ជាប់​ផ្សេងៗ​នៅ​ក្នុង​ប្លក​លោក​អ្នក​ដូរ​ពណ៌​ឆ្លាស់​គ្នា 7 ពណ៌ ដែល​មើល​ទៅ​គូរ​អោយ​ចាប់​អារម្មណ៍ ខុស​ពី​ធម្មតា។ សូម​មើល​ពី​វិធី​ដាក់​កូដ (Code) ដូច​ខាង​ក្រោម​នេះ៖

- កត់​ហេតុ​ចូល (Log​ In) ​គណនី Blogspot របស់​អ្នក​ដោយ​ចូល​តាម www.blogger.com

- ​មុន​នឹង​បញ្ចូល​កូដ​អ្នក​ត្រូវ​ "បម្រុង​ទុល"(Backup) ពុម្ព(Template) របស់​ប្លក​លោក​អ្នក​ជាមុន​សិន សូម​មើល​អត្ថបទ "របៀប Backup, Restore និង​ទាញយក Template ប្លក"

- ចូល​ទៅ​កាន់ Template >> Edit HTML >> Proceed (សូមមើល​រូប​ខាង​ក្រោម)

Template >> Edit HTML >> Proceed

 - ស្វែង​រក code ថា :  </head>  (បើ​សិន​ជា​ចង់​លឿន​សូម​ចុច : F3 ឬ Ctrl+F រួច​វាយ​ពាក្យ​ </head> ក្នុង​ប្រអប់​ស្វែង​រក)

 - ចម្លង​ code យក​ទៅ​ Paste ដាក់​ពី​ខាង​លើ​ពាក្យថា ដោយ​ទុក​ចន្លោះ​មួយ​បន្ទាត់ ឬ​មិន​បាច់​ក៏​បាន (សូម​មើល​រូប​ខាង​ក្រោម​នេះ)

- ចុច​ប៊ូតុង  Save template  ជា​ការ​ស្រេច សាក​បើក​ប្លក​​មើល​ថា​ដំណើរ​ការ​យ៉ាង​មេចដែរ

​​​​​​​​​                                      អក្សរ​ចំណងជើង​និង​តំណ​ដូរ​​ពណ៌​ឥន្ទធនូ

<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>