Rabu, 05 Maret 2014

Efek 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 berkedip-kedip? Anda bisa menampilkan efek tersebut pada halaman blogger hanya dengan menambahkan beberapa baris kode javascript, berikut langkah-langkahnya :

1. Login ke Dashboard blogger.

2. Berikutnya buka halaman Template >> Edit HTML.
 3. Klik sembarang pada kolom edit HTML lalu cari baris kode : </head>.
4. Salin kode javascript dibawab ini dan letakkan di atas 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>
5. Buka ulang / refrest halaman blog dan letakkan kursor pada semua link yang ada di halaman blog Anda. Teks yang terpilih akan berkedip dengan berganti warna secara acak.

SELAMAT MENCOBA....