Cara Membuat Efek Teks Pelangi pada Blog

KURAZONE ~ Ketika seseorang mendengar kata "Pelangi", maka tak akan luput dari warna mejikuhibiniu. Apa jadinya jika sebuah teks memiliki efek pelangi didalamnya. Berikut adalah contohnya :

Cara Membuat Efek Teks Pelangi pada Blog

1. Copy kode JavaScript dibawah ini
2. Letakkan ditempat yang kalian inginkan (terserah deh)

<script type="text/javascript">
/*
RAINBOW TEXT Script by Bagus Surochman (c) 2013
*/
var text="Welcome to Kurazone";
var speed=80;
if (document.all||document.getElementById)
{document.write('<span style="font-family:Arial;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;" id="highlight">' + text + '<\/span>');
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight;}
else document.write(text);
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0");
var r=1;
var g=1;
var b=1;
var seq=1;
function changetext()
{ rainbow="#"+hex[r]+hex[g]+hex[b]; storetext.style.color=rainbow;}
function change()
{
 if (seq==6)
 {
  b--;
  if (b==0)
  seq=1;
 }
 if (seq==5)
   {
     r++;
      if (r==12)
         seq=6;
   }
   if (seq==4)
   {
      g--;
      if (g==0)
         seq=5;
   }
   if (seq==3)
   {
      b++;
      if (b==12)
         seq=4;
   }
   if (seq==2)
   {
      r--;
      if (r==0)
         seq=3;
   }
   if (seq==1)
   {
      g++;
      if (g==12)
         seq=2;
   }
   changetext();
}
function starteffect()
{
   if (document.all||document.getElementById)
      flash=setInterval("change()",speed);
}
starteffect();
</script>

Keterangan :
Text warna merah : (silahkan ganti sesuai keinginan kalian)

1. var text adalah tulisan apa yang mau ditampilkan
2. var speed adalah kecepatan pergantian warna

Text warna kuning : (silahkan ganti sesuai keinginan kalian)

1. font-family: Arial (untuk setting jenis font)
2. font-size: 12px (untuk setting ukuran font)
3. font-weight: normal (untuk setting normal/tebal)
4. font-style: normal (untuk setting normal/miring)
5. text-decoration: none (untuk setting dekorasi underline, overline, line-through )

Contoh :

<span style="font-family:Impact;font-size:50px;font-weight:bold;font-style:italic;text-decoration:underline;" id="highlight">' + text + '<\/span>

---

Itulah informasi mengenai "Cara Membuat Efek Teks Pelangi pada Blog", selamat mencoba dan semoga bermanfaat. Goodluck !!