Tulisan Flash Animasi

Text atau tulisan animasi berwarna saat ini sangat diminati oleh para blogger baru apalagi saat ini sedang demam blogging meskipun hanya sekedar iseng, Nah kali ini saya akan mencoba memandu anda untuk membuat tulisan atau text animasi berwarna tanpa menggunakan bantuan software maupun layanan dari sebuah situs, akan tetapi cukup dengan menggunakan code-code script. Untuk membuat tulisan ini memang membutuhkan code yang lumayan banyak dan amat memusingkan tapi kalau hanya tinggal copas aja tentunya amat sangat mudah dan hanya mengganti tulisan yang diinginkan hehehe... Untuk membuat tulisan ini anda cukup copas aja code dibawah contoh tulisan ini:

<div style="-moz-box-shadow: inset 0 1px 5px 0 #fff; background: #0000ff; border: 1px solid #ECEDE8; box-shadow: inset 0 1px 5px 0 #555; font-family: Cataneo BT; font-size: 21px; font-weight: bolder; padding: 5px 20px; text-align: center;">
<script type="text/javascript">
var message="WELCOME TO ADITYA BLOGS"
var bgsGR1color="#FFFFFF" /* Warna utama teks */
var bgsGR2color="#FF0000" /* Warna teks flash pertama */
var bgsGR3color="#00FF00" /* Warna teks flash ke dua */
var flashspeed=100 // kecepatan. ganti warna (1/1000 dt)
var flashingletters=2 // jumlah teks pertama
var flashingletters2=20 // jumlah berwarna teks ke dua
var flashpause=1 // 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=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-
flashingletters2).style.color=bgsGR1color if (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>
</div>


Keterangan : Ganti tulisan “WELCOME TO ADITYA BLOGS” sesuai keinginan anda.
var flashingletters=, var flashingletters2= Ganti dengan angka yang teman mau (coba otak-atik sendiri biar tahu perubahannya, oke sob!



Selamat mencoba!...




Ref Link: http://blog.ahmadrifai.net/2012/01/membuat-text-animasi-tulisan-berwarna.html

Tweet