Internet Blog Eltibiz: EFEK WARNA BERKEDIP PADA LINK

Senin, 21 Maret 2016

EFEK WARNA BERKEDIP PADA LINK

Warna Berkedip Pada Link

Mengganti atau memberi warna pada teks yang berisi link adalah hal yang biasa. Bagaimana jika warna link berubah-ubah layaknya lampu LED yang berkedap-kedip? Anda bisa menampilkan efek tersebut pada halaman blogger hanya dengan menambah beberapa baris kode javascript.

Baik langsung kita mulai saja membuat Efek Warna Berkedip Pada Link dengan mengikuti langkah dibawah ini.

Login ke Dashboard blogger.
Berikurnya buka halaman Template >> Edit HTML.
Cari baris kode: </head>.
Copy semua kode script dibawah ini dan Paste diatas baris kode: </head>.

<script type='text/javascript'>
    //<![CDATA[
    var blink_ = 20;
    if (document.getElementById)
    window.onerror=new Function("return true")
    var objek;
    var nilai_1 = 0;  
    var Nilai_2 = 0; 
    var Nilai_3 = 128;
    var Nilai_4 = 255;
    var bersih;    
    var waktu;   
    if (document.all) {
        document.onmouseover = acak_warnaAnchor;
        document.onmouseout = stop_acakAnchor;
    }
    else if (document.getElementById) {
        document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
        document.onmouseover = Mozilla_acak_warnaAnchor;
        document.onmouseout = Mozilla_stop_acakAnchor;
    }
    function acak_warna(obj)
    {
        if (nilai_1 == 0) {
            nilai_1 = 1;
            if (obj)
                objek = obj;
            else
                objek = event.srcElement;
            bersih = objek.style.color;
            waktu = setInterval("ganti_warna()",100);
        }
    }
    function stop_acak()
    {
        if (nilai_1) {
            objek.style.color = bersih;
            clearInterval(waktu);
            nilai_1 = 0;
        }
    }
    function acak_warnaAnchor()
    {
        if (nilai_1 == 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 != '') {
                objek = obj;
                nilai_1 = 1;
                bersih = objek.style.color;
                waktu = setInterval("ganti_warna()",100);
            }
        }
    }
    function stop_acakAnchor()
    {
        if (nilai_1) {
            if (objek.tagName == 'A') {
                objek.style.color = bersih;
                clearInterval(waktu);
                nilai_1 = 0;
            }
        }
    }
    function Mozilla_acak_warnaAnchor(e)
    {
        if (nilai_1 == 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 != '') {
                objek = obj;
                nilai_1 = 1;
                bersih = obj.style.color;
                waktu = setInterval("ganti_warna()",100);
            }
        }
    }
    function Mozilla_stop_acakAnchor(e)
    {
        if (nilai_1) {
            if (objek.nodeName == 'A') {
                objek.style.color = bersih;
                clearInterval(waktu);
                nilai_1 = 0;
            }
        }
    }
    function ganti_warna()
    {
        objek.style.color = buat_warna();
    }
    function buat_warna()
    {
 
        if (Nilai_3 == 0) {
            elmR = Nilai_4;    elmG = Nilai_4;    elmB = Nilai_4;
        }
        else {
            t1 = Nilai_4;
            t2 = (255 - Nilai_3) * Nilai_4 / 255;
            t3 = Nilai_2 % 60;
            t3 = (t1 - t2) * t3 / 60;
            if (Nilai_2 < 60) {
                elmR = t1;  elmB = t2;  elmG = t2 + t3;
            }
            else if (Nilai_2 < 120) {
                elmG = t1;  elmB = t2;  elmR = t1 - t3;
            }
            else if (Nilai_2 < 180) {
                elmG = t1;  elmR = t2;  elmB = t2 + t3;
            }
            else if (Nilai_2 < 240) {
                elmB = t1;  elmR = t2;  elmG = t1 - t3;
            }
            else if (Nilai_2 < 300) {
                elmB = t1;  elmG = t2;  elmR = t2 + t3;
            }
            else if (Nilai_2 < 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;
        Nilai_2 = Nilai_2 + blink_;
        if (Nilai_2 >= 360)
            Nilai_2 = 0;
        return '#' + elmR + elmG + elmB;
    }
    //]]>
    </script>

Simpan Perubahannya
Buka ulang halaman blog anda dan letakkan kursor mouse pada semua link yang ada dihalaman blognya. Teks yang memiliki link akan berkedap-kedip dengan berganti warna secara acak.

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)