Cara Membuat Teks Animasi Terketik Otomatis di Blog

Cara Membuat Teks Animasi Terketik Otomatis di Blog


Ingin Membuat Animasi Teks terketik otomatis di postingan blog? caranya gimana? mudah kok...
kita cuma butuh sedikit kode javascript disini.
Animasi Tersebut bisa ditaruh di postingan blog sebagai pelengkap posting, atau di dekat header/sidebar sebagai pesan bagi pengunjung. bisa ditaruh dimana saja bahkan di saku anda sekalipun. Berikut Contohnya:



Langsung saja. ini dia Scriptnya :
<div dir="ltr" style="text-align: left;" trbidi="on">
<script language="JavaScript">
var text="TEXT DISINI";
var delay=10;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script>
<b></b>
<br />
<div 0px="" 10px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="">
</div>
<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script></div>
Penjelasan:
MERAH=tuliskan teks anda disitu.
BIRU=selang waktu delay teks sebelum terketik dari awal lagi
KUNING=selang waktu antar karakter
_ (underscore)=karakter dibelakang teks. boleh diganti menjadi | atau ...

Boleh dikombinasikan sesuka hati anda. 
Previous
Next Post »