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...

Anda sedang membaca Artikel berjudul Membuat Teks Efek Pelangi Menggunakan JavaScript, dan dengan URL http://kabarkabaru.blogspot.com/2012/08/membuat-teks-efek-pelangi-menggunakan.html. Anda boleh membagikan artikel Membuat Teks Efek Pelangi Menggunakan JavaScript ini kepada Teman - Teman anda namun jangan lupa mencantumkan link Membuat Teks Efek Pelangi Menggunakan JavaScript sebagai Sumbernya.Terima Kasih