Cara Membuat Teks Pelangi (Rainbow)

Ok! kali ini Saya akan memberikan artikel tentang, bagaimana caranya membuat teks pelangi, untuk tampilan blog Anda. Jika tertaik  mari kita simak bersama. Disamping mempercantik blog Anda, juga penampilan dan sebagainya. Ok! langsung ke TKP, Anda perlu masuk masuk ke Blogger teruskan pada Dashboard, untuk membuat rancangan,untuk, sebuah posting atau sebagai gadget. Perlu diperhatikan! Bahwa teks pelangi ini tidak bisa dibuat dua dalam postingan atau untuk gadget blog Anda sekaligus, dalam artian, misalnya: Anda ingin menampilkan  pada posting baru dan satunya lagi untuk gadget, walaupun dengan teks berbeda tetap tidak akan berfungsi, terkadang yang satu berfungsi dan satunya lagi tidak, mungkin juga mengkibatkan macet.

Sekarang beralih ke code HTML/JavaScript lalu copy code-nya di bawah ini:

COPY CODENYA

<script>
/*
RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on S66
For this script, visit http://.com
*/

// ********** MAKE YOUR CHANGES HERE

var text="Teks Anda di sini" // YOUR TEXT
var speed=80 // SPEED OF FADE

// ********** LEAVE THE NEXT BIT ALONE!


if (document.all||document.getElementById){
document.write('<span 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>

Catatan:  "Teks yang berwarna merah", ganti dengan teks Anda.


Paste code HTML/JavaScript pada Add a Gadget di Dashboard Blogspot Anda seperti (gambar bawah):

Pilih dan klik HTML/JavaScript (gambar bawah):

Lalu masukkan / paste code tadi (gambar bawah):

Lanjutan melihat hasilnya, Klik Save.

Selesai..... Lihat posting Anda.................Selemat mencoba semoga berhasil dan bermanfaat,.terima kasih.

Baca juga tentang cara membuat teks efek neon