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...
Belum ada tanggapan untuk "Membuat Teks Efek Pelangi Menggunakan JavaScript Pada Blogspot"
Post a Comment