Cara Membuat Efek Teks Pelangi pada Blog - Kurazone Blog | Panduan Belajar Blogger Pemula

Cara Membuat Efek Teks Pelangi pada Blog

Pilihan Editor :

Cara Membuat Efek Teks Pelangi pada Blog
Penulis Bagus Surochman
0
Modus malam




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 !!
nanio
Cara Membuat Efek Teks Pelangi pada Blog
Cara Membuat Efek Teks Pelangi pada Blog Cara Membuat Efek Teks Pelangi pada Blog Reviewed by Bagus Surochman on 6/08/2018

Tidak ada komentar:

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.