Cara membuat efek tulisan seperti diketik Full

Hai sobat TeknoSam artikel saya kali ini adalah cara membuat efek tulisan seperti diketik FULL. Efek Tulisan ini seperti halnya kita mengetik di Laptop atau di PC kita. Huruf per huruf akan muncul dengan tahap, sekali lagi sama seperti huruf kalau kita mengetik. Nah bagi sobat yang belum jelas ataupun belum mempunyai gambaran, bisa lihat demonya saja :

 

CARANYA :

Setelah sobat paham, langsung saja kita lanjut ke pembuatan Cara Membuat Efek Tulisan Berjalan Seperti di Ketik. Untuk cara pembuatannya sobat tinggal salin saja kode di bwah ini :

<script language="JavaScript">
var text="Selamat Datang di Blog Sederhana ini, Jangan lupa Bisa Tinggalkan Komentar";
var delay=20;
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> <div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;"></div> <script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>

Kode yang saya berikan warna Biru bisa diganti sesuka kalian

Script di atas bisa dipasang di post dan juga di sidebar. Untuk di postingan, masukan dengan opsi HTML saat menulis. Sedangkan untuk sebagai widget bisa dengan saat di tata letak, pilih tambakan gadget dan pilih HTML/Java Script.

Dan satu lagi, kenapa saya di dalam judul saya berikan keterangan Full. Karena nanti sobat bisa edit Script diatas agar bisa diberi Link, Bold, Italic, dsb. Script dibawah ini adalah potongan dari Script paling bawah, jadi nanti sobat bisa gabungkan lagi dengan script diatas.

</script> <a href="http://linktujuan.blogspot.com" target="_blank"><i><b><div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;"></div></i></b></a> <script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>