Membuat Link Dengan Efek Pelangi

Agar tampilan blog kita menjadi lebih atraktif  anda bisa mencoba membuat link yang bisa menyala berwarna-warni dengan efek seperti pelangi. Ini Contohnya :

CONTOH LINK


Untuk membuat fitur ini mudah saja, caranya :
1. Anda login ke blogger
2. Masuk ke Setting > Edit HTML, kemudian cari kode </head>
3. Letakan kode berikut ini di bawah kode </head> tadi

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

4.  Simpan template dan lihat hasilnya.

Selamat mencoba..!

Artikel Terkait