Laman

Thursday, February 16, 2012

Membuat Link Pelangi pada blog

Untuk memperindah tampilan bloga anda, anda dapat membuat Link anda seperti Link download, link Posting dapat berubah-ubah warna saat kursor mouse di arahkan ke link tesebut.
 Lihat demonya Klik disini

Cara membuatnya :

  • Login ke blog anda
  • Klik menu Rancangan dan kemudian klik tab Edit HTML
  • Expand Template Widget
  • Cari script  </head>
  • Kemudian ketik script dibawah ini sebelum 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>
  • Setelah selesai Klik Simpan template

1 comment:

Silahkan masukkan komentar anda, Email anda tidak akan dipublikasikan