Membuat Animasi Teks Berwarna

Posted by ALL ABOUT INFORMATION on

Friday, May 25, 2012

 

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Oke gan, sekarang kita belajar animasi teks berwarna di Blogger.com yuk. Pertama kita login (pastinya ye):D
langsung saja, kita mulai tanpa banyak ngomong. Ntar kalo ngomong terus mulut aku takut dipakein selotip item sama agan-agan.:P

Jika kita sudah ada di dasbor, 

1. Pergi ke Tata Letak / Design
2. Klik Tambah Gadget
3. Klik HTML/JavaScript
4. Masukkan kode script Text / Tulisan Flash Animasi Berwarna di sana (kode ada di bawah)
5. Simpan

<div style="-moz-box-shadow: inset 0 1px 5px 0 #fff; background: #990099; 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 My Blog"
var bgsGR1color="#FFF000" /* Warna utama teks */
var bgsGR2color="#FFFFFF" /* Warna teks flash pertama */
var bgsGR3color="#00FF66" /* Warna teks flash ke dua */
var flashspeed=100 // kec. ganti warna (1/1000 dt)
var flashingletters=15 // jumlah teks pertama (tips / hiting jumlah text, kemudian bagi 2)
var flashingletters2=18 // jumlah berwarna teks ke dua (tips / hiting jumlah text, kemudian bagi 2)
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>

Catatan:

Warna merah silahkan diganti nama dan warnanya.

Itu saja pengetahuan saya tentang animasi teks berwarna.

selamat mencoba dan semoga sukses.

Labels: dan Pengetahuan Umum, Tips Trik

Terima kasih telah membaca postingan ini, bila ada yang ingin ditanyakan, silahkan bertanya melalui kolom komentar. Ilmu yang berkah adalah ilmu yang dimanfaatkan dengan baik dan diamalkan Membuat Animasi Teks Berwarna. Komentar anda memberikan masukan bagi saya