Cara Membuat Text Animasi Berubah Warna Di Blog Dalideu

Cara Membuat Text Animasi Berubah Warna Di Blog Dalideu text animasi ganda yaitu suatu text yang warnanya dapat berubah-rubah dengan sendirinanya maka text ini menyerupai animasi, Biasanya tek\xt ini di gunakan ucapan selamat datang atau suatu sapan yang punya blog kepada si pengunjung blog sehingga text ini menpunyai daya tarik tersendiri bagi pengunjung blog kita. Untuk membuatnya anda bisa mengikuti langkah-langkah berikut ini :

1. Login: Login to BloGGeR (Login ke BloGGeR) dengan cara menuliskan "User Name/alamat email" dan memasukkan "Pasword (Sandi)".
2. Dasboard (Dasbor): KLIK link "Layout (Tata Letak)". Tunggu beberapa saat hingga halaman baru terbuka.
3. Tata Letak (Layout): Saat ini sampeyan ada di halaman "Page Element/Elemen Laman". KLIK "Tambah Gadget (Add Gadget)".
4. Widget: KLIK "HTML/Javascript". Tunggu beberapa saat.
5. HTML/Javascript: Copy paste Javascript ke dalam box penambahan widget (HTML/Javascript).
6. SAVE/Simpan: KLIK "SAVE/Simpan".
7. Buka Blog (Open Blog): Lihat hasilnya dengan membuka blog sampeyan.
8. Efek Animasi Teks ini sudah di coba di BlogSPOT (blog tempat percobaan) dan tampil sangat menarik, tanpa masalah sedikitpun.

Kode HTML/Javascript Animasi Berubah Warna

<div style="padding:5px 20px; border:2px solid blue; font-size:21px; font-family:Cataneo BT;font-weight:bolder;"><marquee behavior="scroll" direction="left" onmouseover="stop" onmouseout="run" scrollamount="3">
<script type="text/javascript">
var message="Selamat datang Di Tutorial Dalideu blogspot com  Dengan Judul Cara Membuat Text Animasi Berubah rubah Warana di Blog Dalideu...Blognya Mdah Kincai"
var bgsGR1color="green" /* Warna utama teks */
var bgsGR2color="red" /* Warna teks flash pertama */
var bgsGR3color="blue" /* Warna teks flash ke dua */
var flashspeed=40 // kec. ganti warna (1/1000 dt)
var flashingletters=50 // jumlah teks pertama
var flashingletters2=50 // jumlah berwarna teks ke dua
var flashpause=30 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2colorif (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1colorif (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script></marquee></div>

Silakan Anda Otak atik sesuai dengan Keinginan Anda. Sebelum yakin Silakan lihat DEMO

Artikel Lainnya