Minggu, 20 Oktober 2013

Menambahkan efek ketikan pada teks atau tulisan

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

Tidak ada komentar:

Posting Komentar