Cara Menambahkan Efek Ketikan Pada Teks Atau Tulisan

Assalamualaikum, udah hampir sebulan ya aku ga update blog.. Padahal katanya ini blog yang ngasih tutorial blogger. Tapi blog aku sendiri juga jarang update :(
Oke kemaren-kemaren aku emang lagi sibuk sama kuliah aku, maklum aja ya aku sekanrang udah semester akhir. Mau ngurus-ngurusin buat sidang. Sekarang mumpung ada waktu aku mau kasih tutorial nih Cara Menambahkan Efek Ketikan Pada Teks Atau Tulisan.

Kamu pernah denger ga istilah Typing Text? Typing Text itu adalah sebuah metode untuk menampilkan teks seperti sedang di ketik. Teknik yang digunakan untuk membuat Typing Text bukan marquee, walaupun keduanya sama-sama menampilkan teks yang bergerak. Sobat blogger dapat memamfaatkan Efek Typing Text yang di buat oleh Dynamic Drive ini dalam banyak hal seperti untuk membuat Announcement, Warnning, Pesan dan lain-lain.

 Demo

Selamat datang buat semua pengunjung 6Tutorial...

Anda adalah segalanya bagi kami (We are nothing without you) Sebagai ungkapan terima kasih kami kepada Anda semua, kami akan selalu menyuguhkan tutorial terbaik, salah satunya seperti yang Anda lihat saat ini.

Oke kita sudah lihat kan demonya diatas? Sekarang aku mau kasih kodenya ke kamu. Untuk menambahkan efek seperti diatas kamu cukup Copy Paste kode dibawah ini:

<script type="text/javascript" src="https://googledrive.com/host/0BwlVU1_5kLcNMzRHTkFiTjJMX0E"></script>
<div id="example1">Letakkan teks Anda disini...</div>
<p id="example2">Letakkan teks Anda disini...</p>
<script type="text/javascript">
//Define first typing example:
new TypingText(document.getElementById("example1"));
//Define second typing example (use "slashing" cursor at the end):
new TypingText(document.getElementById("example2"), 100, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
//Type out examples:
TypingText.runAll();
</script>
<script>
<!--
document.write(unescape("\x3C\x70\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x6E\x6F\x6E\x65\x3B\x22\x3E\x54\x79\x70\x69\x6E\x67\x20\x54\x65\x78\x74\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x75\x74\x6F\x72\x69\x61\x6C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x3E\x54\x75\x74\x6F\x72\x69\x61\x6C\x20\x42\x6C\x6F\x67\x73\x70\x6F\x74\x3C\x2F\x61\x3E\x3C\x2F\x70\x3E"));
//-->
</script>

 Tambahan:

Tulisan yang berwarna merah silahkan kamu ganti sesukamu.