Cara Membuat Animasi Tulisan Berwarna di Blogger - BBT: Cara Membuat Animasi Tulisan Berwarna di Blogger, tutorial lengkap membuat animasi text warna-warni untuk blogger.

Cara Membuat Animasi Tulisan Berwarna di Blogger

Kali ini saya ingin menulis tentang script untuk blogger lagi yaitu cara membuat text animasi tulisan berwana, dan sebelumnya saya juga sudah menuliskan script untuk blogger juga yaitu : Cara Membuat Tulisan Berjalan Mengikuti Cursor dan Cara Membuat Efek Salju Di Blogger.
Seperti biasa, sebelum saya menuliskan tutorial cara membuat animasi tulisan warna-warni untuk blogger, saya ingin sobat melihat dahulu bagaimana script text animasi ini bekerja.

Demo Text Animasi Tulisan Berwarna di Blogger

Nah begitulah hasil text animasi tulisan berwana. Lanjut...

Cara Membuat Text Animasi Tulisan Warna-warni di Blogger

Berikut langkah-langkah cara membuat text animasi tulisan berwarna di blogger
Langkah pertama yang wajib dilakukan adalah login ke dasbor blogger
Silakan kunjungi www.blogger.com
Kemudian Klik menu Tata Letak
Cara Membuat Efek Salju Di Blogger
Setelah itu klik Tambahkan Gadget (Letak gadget bebas)
Cara Membuat Efek Salju Di Blog
Silakan Pilih/klik gadget HTML/JavaScript
Tutorial Cara Membuat Efek Salju Di Blogger
Masukkan kode Script Text Animasi Tulisan Berwarna pada kolom isian (bagian konten)
Tutorial Cara Membuat Efek Salju Di Blog
Klik Simpan
Selesai.

Kode Text Animasi Tulisan Berwarna Untuk Blogger

<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="Selamat Datang Di Blog Baca Tulis dot Com" /* Ganti teks sesuai keinginan */
var bgsGR1color="#FFFFFF" /* Warna utama teks */
var bgsGR2color="#FFFF00" /* 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>
Nah itulah cara membuat text animasi tulisan berwana untuk blogger. Selamat mencoba dan semoga bermanfaat.
loading...
Lihat / Tinggalkan Komentar
Arsip
- All Rights Reserved. Powered by Blogger. Membuat Blog

Terimakasih telah membaca , semoga artikel tentang Cara Membuat Animasi Tulisan Berwarna di Blogger yang ada di blog ini bermanfaat buat sobat