Home » , » Membuat Animasi Teks Berwarna

Membuat Animasi Teks Berwarna

Written By Rendy Wira on Friday, May 25, 2012 | 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.
Share this article :

0 comments:

Post a Comment

Silahkan Berkomentar Disini

Komentar yang anda berikan, menjadikan motivasi untuk saya

Advertisement

peluang usahabanner adsbanner adsbanner ads
 
Support : ALL ABOUT INFORMATION
Copyright © 2012. ALL ABOUT INFORMATION - All Rights Reserved
Template Created by Creating Website Published by Rendy Wira Adi
Proudly powered by Blogger