Membuat Teks Efek Pelangi Menggunakan JavaScript

Membuat Teks Efek Pelangi Menggunakan JavaScript - Teks/tulisan adalah sebuah elemen yang amat sangat penting dalam dunia blogging, apalagi dalam hal format adan tampilannya. Semakin bagus tampilan teks yang ditampilkan maka kemungkinan besar akan membuat pengunjung lebih tertarik/betah untuk melihatnya. Efek pelangi ini bisa menjadi salah satu pilihan anda dalam merubah tampilan teks menjadi lebih indah dan menarik. Cara membuatnya cukup simple dan mudah, hanya dengan menggunakan JavaScript. Dan berikut ini adalah langkah-langkah untuk membuat teks efek pelangi menggunakan JavaScript :
1. Login ke blogger.com
2. Masuk ke halaman Tata Letak » Tambahkan Elemen Baru/Tambah Gadget » Pilih HTML/JavaScript.
3. Kemudian tambahkan kode berikut ini didalamnya :

<style type="text/css">
  #highlight{font:bold 50px Impact,Arial,Sans-Serif;}
</style>
<script language="javascript" type="text/javascript">
     var teks="EFEK PELANGI" // teks Anda di sini
     var speed=20 // atur kecepatan perubahan warna

if (document.all||document.getElementById) {
     document.write('<span id="highlight">' + teks + '</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>

4. Klik save/simpan, dan selesai.

Note :
Ganti teks yang berwarna hijau dengan teks yang sesuai dengan keinginan anda. Dan angka yang berwanra orange menunjukkan kecepatan perubahan warna pelangi pada teks tersebut, atur dan sesuaikan agar sesuai dengan keinginan anda.

Semoga postingan ini bermanfaat bagi anda dan saya akhiri dulu, selebihnya saya mohon ma'af atas segala kekurangan yang ada. Terima kasih atas kunjungan anda...

---

Luangkan sejenak: Demikianlah artikel tentang Membuat Teks Efek Pelangi Menggunakan JavaScript diatas, semoga bermanfaat untuk sobat dimanapun berada.

---

Artikel Terpopuler :

1. CUG 10k Gratis Nlp & SMS
2. CUG 20k Gratis Nlp & SMS (Corpo)
3. CUG 20k Gratis Nlp & SMS + 512MB
4. CUG 20k Data
5. CUG 35k Data
6. CUG 40k Nlp + Data