Selamat Datang

TERIMAKASIH ATAS KUNJUNGAN ANDA, BERIKAN KOMENTAR, SARAN DAN PENILAIAN ANDA AGAR KAMI DAPAT MEMBERIKAN YANG TERBAIK UNTUK ANDA

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 comments:

Silahkan masukkan komentar anda, Email anda tidak akan dipublikasikan

Daftar Isi