Membuat Efek Typing Text di Blog

Awalnya googling tentang tutorial untuk mempercantik blog, eh ketemu yang beginian. Typing text, hampir sama dengan teknik marquee, sama-sama jalan tulisannya, cuma typing text sesuai dengan namanya tulisan yang berjalan tapi dengan efek ketikkan. Sama kayak kita ngetik pake keyboard dikomputer atau laptop :D

Oke, biar gak bingung ini kita kasih demonya. Contohnya kayak dibawah ini :

Typing text

Typing text dengan tambahan kursor

Nah, kalo ada yang pengen membuat efek typing text seperti yang diatas, ni kita kasih tutorial pembuatannya.

Cara Membuat Efek Typing Text di Blog

Langkah-langkahnya :

1. Login ke Blogger 
2. Masuk ke dashboard blog
3. Klik menu Tata Letak 
4. Pilih HTML/Javascript 
5. Copy code dibawah ini :

   <script type="text/javascript" 
   src="https://googledrive.com/host/0BwlVU1_5kLcNMzRHTkFiTjJMX0E">
   </script>
   <div id="example1">Typing text</div>
   <p id="example2">Typing text dengan tambahan kursor</p>
   <script type="text/javascript">
   new TypingText(document.getElementById("example1"));
   new TypingText(document.getElementById("example2"), 
   100, function(i){ var ar = new Array("\\", "|", "/", "-"); 
   return " " + ar[i.length % ar.length]; });
   TypingText.runAll();
   </script>
   

6. Ganti Tulisan berwarna merah dengan tulisan yang Anda
7. Klik Simpan
8. Letakkan widget di tempat yang Anda diinginkan
9. Klik Simpan template
10. Lihat Hasilnya :)

Sekian dulu informasi mengenai cara membuat efek typing text di blog.

Semoga bermanfaat ;)