CARA MEMBUAT LINK WARNA WARNI DI BLOGĐược tài trợ •

hi, pada artikel kali ini saya akan membagikan sebuah trik menarik untuk mempercantik tampilan blog sobat, penasaran? bagi sobat yang suka ngotak-ngatik blog nya untuk mempercantik dan memperindah tampilan blog, tips ini pas banget. trik ini membuat link berubah warna saat kursor diarahkan ke link dan membuat seperti efek pelangi pada link, jadi tambah meriah dan penuh warna kan? yang pasti makin enak di pandang oleh visitor blog sobat.

Ikuti langkah-langkah dibawah ini:

login ke blogger

pilih template >> edit html

centang expand widget template

cari kode </head> untuk mempermudah gunakan ctrl+f

copy paste kode ini tepat diatas </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>

kemudian simpan

lihat hasilnya saat sobat mengarahkan kursor ke link.

Sumber : Irvan-Efendy

Xem thêm bài viếtTại STN IT nhá!#####Xem Thêm

2 bình luận

Thích

Bình luận

Download Script MYICO - Initial Coin Offering PlatformĐược tài trợ •

ICO is a Initial Coin Offering Platform. by using our ICO Platform you able to raised fund for your own cryptocurrency. our system is fully responsive and totaly dynamic. its support nearly 7 Automated online payment method. Our ICO included: ICO Calender, Roadmap, Whitepaper Section, Team & Testimonial. its developed with PHP Laravel and easy to use and install. Now you can start your own ICO (Initial Coin Offering) Website within Next five minutes without any programming knowledge.

USER Features:

 Fully Responsive Design.
 ICO Calender.
 Coin Offering RoadMap.
 Whitepaper.
 Easy to Signup & Signin.
 Premium User Dashboard.
 PROFILE Management.
 REFERENCE LOG.
 COIN PURCHASE LOG.
 PASSWORD Setup.
 SECURITY Management.
 Support 2FA Authenticator.
 Email Notification.
 SMS Notification.
 SUPPORT Automated PayPal.
 SUPPORT Automated Perfect Money.
 SUPPORT Automated BlockChain.
 SUPPORT Automated Stripe.
 SUPPORT Automated Skrill.
 SUPPORT Automated Coingate.
 SUPPORT Automated Coin Payment.
 SUPPORT Automated Block IO.

Admin Features:

 Fully Dynamic Admin Panel.
 InFront USERS STATISTICS.
 Users Management.
 Broadcast Email.
 Subscribers Management.
 Banned Users Management.
 Payment Gateway Management.
 Sell Log.
 ICO Sale Management.
 Website Control.
 General Settings.
 Logo and Icon.
 Email Template Management.
 SMS API Management.
 Banner Setup.
 About Section Management.
 Faq Management.
 Road Map Management.
 Testimonial Management.
 Services Management.
 Team Members Management.
 Subscriber Section Management.
 Footer And ICO Section Management.
 Background Image Management.

Payment Method Support:

 PayPal.
 Perfect Money.
 BlockChain.
 Stripe.
 Skrill.
 Coingate.
 Coin Payment.
 Block IO.

Demo Access:

Frontend: http://preview.thesoftking.com/brotherslab/ico/
Admin Access: http://preview.thesoftking.com/brotherslab/ico/admin
Admin Login: Username: admin || Password: admin

Documentration:

Frontend: http://preview.thesoftking.com/brotherslab/ico/doc

BUY    DOWNLOAD

Xem thêm bài viếtTại STN IT nhá!#####Xem Thêm

0 bình luận

Thích

Bình luận