Cara Membuat Text Seperti Di Ketik

Langsung aja ya sobat blogger.Sebelumnya saya pernah membahas tentang Cara Merubah Huruf Menjadi Warna-Warni Secara Otomatis.

Ada banyak sekali memang yang membahas tentang Cara Membuat Efek Tulisan Pada Blog.namun ,kali ini saya akan saya bahas adalah Bagaimana Cara Mudah Membuat Tulisan Seperti Di Ketik.

maksudnya adalah Text yang ditulis seakan-akan muncul seperti dalam Di Ketik.

 Berikut Script Cara Membuat Text Seperti Di Ketik

Copy Paste kode ini gan :


<script language="JavaScript">
var text="*.:.:EFEK TULISAN SEPERTI KETIK 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><div id="textDestination" style="background-color: #ffffff; style=" font: 10px arial; color: #ff0000; margin: 0px;"></div></b>

<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>

ini Contoh Setelah Jadi :

Untuk merubah font,warna dan background bisa sobat edit sendiri.ContohText Seperti Diketik dapat sobat lihat sendiri di blog ini.

 Mungkin Sekian Dahulu dari saya tentang Tutorial Membuat Text Seperti Di Ketik. semoga bisa bermanfaat buat sobat.


Selamat Mencoba....