Membuat Efek Ketikan Pada Teks

Efek ketikan pada teks akan terasa elegan untuk dilihat. tutorial ini baru saya dapatkan dari blog s1njaya. terima kasih atas ilmu barunya semoga bermanfaat untuk sobat yaqindlive juga tentunya. asyiknya lagi efek ketikan ini bisa kita taruk di sidebar dan postingan sobat. untuk demo efek ketikan pada teks, saya akan menyertakan contohnya dibawah.

Berikut Caranya :

•  Untuk memasangnya di sidebar berikut kodenya. pastekan di java script anda
  
  
  <form name="news">
  <textarea name="news2" cols=50 rows=3 wrap=virtual></textarea>
  </form>
  <script language=JavaScript>
  //Visit http://www.masbugie.com
  var newsText = new Array();
  newsText[0] = "Selamat Datang di Blog Blogger pemula";
  newsText[1] = "Semoga Anda menemukan informasi yang dibutuhkan";
  newsText[2] = "Jangan Lupa meninggalkan komentar";
  newsText[3] = "Terima kasih telah berkunjung";
  newsText[4] = "Kunjungan Anda Bermanfaat bagi blog ini";
  newsText[5] = "YAQINDLIVE TEAM";
  var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)
  var tspeed = 50;   // Typing speed in milliseconds (larger number = slower)
  var tdelay = 1000; // Time delay between newsTexts in milliseconds
  // ------------- JANGAN DI EDIT DISINI ------------- \\
  var dwAText, cnews=0, eline=0, cchar=0, mxText;
  function doNews() {
  mxText = newsText.length - 1;
  dwAText = newsText[cnews];
  setTimeout("addChar()",1000)
  }
  function addNews() {
  cnews += 1;
  if (cnews <= mxText) {
  dwAText = newsText[cnews];
  if (dwAText.length != 0) {
  document.news.news2.value = "";
  eline = 0;
  setTimeout("addChar()",tspeed)
  }
  }
  }
  //Biarin aja
  function addChar() {
  if (eline!=1) {
  if (cchar != dwAText.length) {
  nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
  document.news.news2.value = nmttxt;
  cchar += 1;
  if (cchar != dwAText.length) document.news.news2.value += "_";
  } else {
  cchar = 0;
  eline = 1;
  }
  if (mxText==cnews && eline!=0 && ttloop!=0) {
  cnews = 0; setTimeout("addNews()",tdelay);
  } else setTimeout("addChar()",tspeed);
  } else {
  setTimeout("addNews()",tdelay)
  }
  }
  doNews()
  </script>
  
  
• Untuk memasangnya dipostingan anda hanya perlu masuk dalam mode HTML kemudian pastekan kode tadi dalam mode HTML.

NOTE : ganti tulisan yang berwarna hijau dengan kata-kata anda sendiri.

..: SELAMAT MENCOBA :..