<> Membuat Teks Muncul dan Menulis Sendiri <>

Versi *AL_Ikhlas*

Bila Anda ingin membuat yang seperti itu, caranya mudah saja. Copy kode yang tertera di bawah ini kemudian Anda masukkan ke dalam konten HTML/JavScript atau silahkan saja bila kode ingin Anda masukkan dalam postingan :

<div align="center">

<form name="news" align=center>
<textarea name="newsyam" cols=40 rows=5 wrap=virtual></textarea></form>

<script language=javascript>

var newsText = new Array();

newsText[0] = ".....";

newsText[1] = "Kata-kata Bijak : \nSukses adalah sebuah perjalanan, bukan merupakan tujuan akhir. \n-- Ben Sweetland --";

newsText[2] = "Kata-kata Bijak : \nCepat atau lambat, keburukan maupun kebaikan akan terlihat. \n-- syamsudinnamaku --";

newsText[3] = "Kata-kata Bijak : \nJangan lihat siapa yang bicara tetapi dengarlah apa yang dibicarakannya.";

newsText[4] = "Kata-kata Bijak : \nSemua impian kita dapat menjadi nyata, jika kita memiliki keberanian untuk mengejarnya. \n-- Walt Disney --";

newsText[5] = "Kata-kata Bijak : \nTidak akan mencapai sesuatu yang besar bila belum melewati sesuatu yang kecil.";

newsText[6] = "Kata-kata Bijak : \nTeman yang baik akan mengingat hari ulang tahun kita tapi melupakan berapa umur kita .....";

newsText[7] = "Kata-kata Bijak : \nKematian bukanlah hal yang perlu ditakutkan bila kita telah mempersiapkan segala sesuatunya dengan matang. \n-- syamsudinnamaku --";

newsText[8] = "Kata-kata Bijak : \nPertemanan itu seperti jika anda mengencingi diri anda sendiri. Semua orang bisa melihatnya, tapi hanya anda yang merasakan kehangatannya.";

newsText[9] = "Kata-kata Bijak : \nLaki-laki itu ibarat bank. Tanpa uang yang banyak, mereka tidak menghasilkan bunga (wanita).";

newsText[10] = "Kata-kata Bijak : \nTidak pernah ada yang jatuh miskin karena banyak memberi dan tidak pernah akan menjadi kaya karena menang berjudi.";

newsText[11] = "Kata-kata Bijak : \nAnda tidak akan dikatakan pintar bila tidak ada orang yang bodoh.";

newsText[12] = "Kata-kata Bijak : \nJika Anda menginginkan sesuatu yang belum pernah anda miliki, Anda harus bersedia melakukan sesuatu yang belum pernah Anda lakukan. \n-- Thomas Jefferson --";

var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)

var tspeed = 85;   // Typing speed in milliseconds (larger number = slower)

var tdelay =3000; // Time delay between newsTexts in milliseconds

// ------------- NO EDITING AFTER THIS LINE ------------- \\

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.newsyam.value = "";

      eline = 0;

      setTimeout("addChar()",tspeed)

    }

  }

}

function addChar() {

  if (eline!=1) {

    if (cchar != dwAText.length) {

      nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);

      document.news.newsyam.value = nmttxt;

      cchar += 1;

      if (cchar != dwAText.length) document.news.newsyam.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></div>

KETERANGAN : 

Ganti ukuran panjang dan tinggi tabelnya  pada kode cols=..... dan rows=.... Ubah kalimat yang terdapat pada kode newsText[1] sampai newsText[12]  sesuai kalimat yang Anda inginkan. Kurangi atau tambahkan kalimatnya sesuka hati Anda dengan mengikuti contoh kodenya. Selamat mencoba, good luck!

Posted in: Tutorial Blog