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. 
Categories:

5 komentar:

  1. keren ya gan,,
    saya coba ya gan semoga berhasill

    thanks

    BalasHapus
  2. Boleh juga nih ,thanks ya gan

    BalasHapus
  3. bookmark dulu om, lumayan tertarik
    bar tau tulisan bisa gerak di post :D

    BalasHapus
  4. kalau mau ubah warna sama ukuran dimana ya??
    thx

    BalasHapus

Subscribe to RSS Feed Follow me on Twitter!