Menambahkan efek ketikan pada teks atau tulisan

Bagikan ke Google+Tambahkan ke DeliciousTweet dong..Share ke FacebookSubmit ke StumbleUponKirim ke Digg

Apakah sobat blogger pernah mendengar istilah Typing Text? Typing Text merupakan 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 Tutorial Blogspot!
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.

---

Cara membuat tulisan ala ketikan

---

Sobat blogger tidak perlu edit template untuk menambahkan efek ini. Sobat blogger cukup meng-copy paste kode berikut dan meletakkannya di tempat yang diinginkan:

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

• Ganti tulisan yang warna merah sesuka hati sobat blogger