cara membuat text animasi berwarna di blog

cara mudah membuat text animasi berwarna di blog.

selamat pagi, siang, sore, malam para bloggers... pada kesempatan kali ini saya akan sedikit memberikan pencerahan (ciyee pencerahan) untuk kalian para pecinta blog indah. kalau sebelumnya saya memposting cara memasang efek salju pada blog dan cara memasang jam pada blog beda halnya dengan kali ini.. karena kali ini saya akan memberikan tutorial cara membuat text animasi berwarwa pada blog agan sekalian..

langsung saja gan... simak tutorialnya berikut ini.

oh iya animasi text yang nanti agan buat jadinya akan seperti ini

trik membuat text animasi pada blog

1. langkah pertama masuk ke dasbor blog masing-masing, lalu klik "tata letak" biasanya terletak di sebelah kiri dasbor (pada lingkaran merah.

2. setelah masuk ke tata letak, lalu klik "tambahkan gadget"

3. pilihlah menu "HTML / JavaScrip"

4. copy script di bawah, lalu paste scrip yang tadi ke kolom konten seperti gambar di bawah.

copy scrip di bawah ini

<div style="background: rgb(0, 100, 0) none repeat scroll 0% 0%; border: 1px solid rgb(236, 237, 232); box-shadow: 0px 1px 5px 0px rgb(85, 85, 85) inset; font-weight: bolder; padding: 5px 20px; text-align: center;">
<script type="text/javascript">
var message="Selamat Datang Di Blog nichan-san"
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=17 // 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: ganti tulisan "Selamat Datang Di Blog nichan-san" dengan tulisan yang agan inginkan.

lalu var flashingletters=15 dan var flashingletters2=17 gantilah angka tersebut sesuai jumlah huruf yang agan masukan. (caranya hitung jumlah huruf dan spasi pada tulisan anda, lalu dibagi dua)

5. jika sudah maka klik simpan.

sekarang coba anda lihat blog anda. mudah bukan... apabila agan ingin memindahkan tempat tulisan tersebut, dengan cara menarik widget tsb.

cukup sekian tutorial yang dapat saya sampaikan,. semoga bermanfaat.. salam blogger..

cara membuat text animasi berwarna di blog