Thursday, June 27, 2013

Cara Membuat Link Berwarna-Warni Seperti Pelangi

rainbowHi para adilzzz lovers (hehehe) lagi ngapain ne muanya lagi pada blogging atau facebookkan...???? Ok kali ini ane akan memberikan sebuah tutorial membuat link blog seperti pelangi mungkin kelihatan nya aneh kok seperti pelangi tapi memang ketika kita arahkan ia akan bersinar dan berubah warna seperti pelangi. 

langsung saja yea.....

Ikuti langkah2 berikut ini :
  • Seperti biasa login ke blogger
  • Pilih template >>> edit html
  • Centang expand widget template
  • Cari kode </head> untuk mempermudah tekan F3 atau ctrl+F.
  • Copy paste kode ini tepat diatas </head>
Klik View Plain Untuk Membuka Script
<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>

  • Dan Terakhir klik simpan
  • Lihat Hasilnya

<+_+>

ads

Ditulis Oleh : Alimstudio Hari: 10:07 PM Kategori:

0 comments:

Post a Comment

Berkomentarlah dengan baik jangan berkomentar yang bersifat menjatuhkan
terima kasih

 

Kategori

Daftar Isi

Blogger

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

14.Memasang Chating Pada Blogger

15.Membuat Burung Twitter Berterbangan

16.Membuat Website atau Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

Site Info

Free Page Rank Tool