Cara Membuat Link Warna Warni Pada Blog | Bangiz

Cara Membuat Link Warna Warni Pada Blog

Halo sahabat semua, berikut ini Bangiz mau berbagi salah satu trik untuk memperindah tampilan blog Anda. Adapun triknya yaitu cara membuat link warna-warni. Maksudnya link akan berubah-ubah warnanya ketika tersentuh oleh kursor. Atau bisa juga dikatakan cara membuat link dengan efek rainbow.

Apabila Anda tertarik untuk mencobanya atau lagi mencari cara-cara untuk mempercantik tampilan blog, mungkin cara berikut ini bisa Anda gunakan. Selanjutnya langsung ikuti saja tutorialnya berikut ini:

rainbow link
Link warna-warni
1. Masuk dasbor Blogger
2. Pilih Template > Edit HTML
3. Cari kode </head> (Gunakan Ctrl+F untuk mencarinya)
4. Copy-paste kode berikut tepat diatas kode </head>
<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>
   5. Simpan Template dan lihat hasilnya


Demikian tutorial kali ini mudah-mudahan bisa membantu untuk Anda yang membutuhkannya. Jika ada pertanyaan seputar topik di atas silahkan tinggalkan komentar dan jangan lupa bagikan juga ke teman-teman Anda melalui sosial media yang tersedia.
Name

Blogging,108,CorelDRAW,14,Desain Grafis,25,Facebook,22,Foto Sampul,32,Gambar,53,Info,26,Instagram,2,Internet,28,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,35,Twitter,2,Wallpaper,18,
ltr
item
Bangiz: Cara Membuat Link Warna Warni Pada Blog
Cara Membuat Link Warna Warni Pada Blog
Cara membuat link dengan efek warna warni, membuat link dengan efek berkelap kelip, Membuat link efek rainbow, Bikin link menjadi berwarna ketika tersentuh atau disentuh kursor mouse, membuat link berubah warna css, rainbow link hover,,,
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRYSmRIaAEPARypoTQcGED4kob8F-Iyaj39xoz8Yovo3f-L2L8PFAkNde6fCn5SRQ7knu4eIr9zgGUEZwKeNdhKvDBYbjtYRvsIBqI9kD1MfFz-vZzQrnuWTu8qnwgDUW6usf1puZgpWNf/s1600/Rainbow+link.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRYSmRIaAEPARypoTQcGED4kob8F-Iyaj39xoz8Yovo3f-L2L8PFAkNde6fCn5SRQ7knu4eIr9zgGUEZwKeNdhKvDBYbjtYRvsIBqI9kD1MfFz-vZzQrnuWTu8qnwgDUW6usf1puZgpWNf/s72-c/Rainbow+link.jpg
Bangiz
https://bangiz.blogspot.com/2014/04/Link-warna-warni.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2014/04/Link-warna-warni.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RELATED POSTS LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy