Membuat Teks Muncul dan Menulis Sendiri Seri 2

Anda masih ingat tutorial seri yang pertamanya ? Seperti seri sebelumnya,

kemunculan teks ini sama, yakni pada saat blog sudah terbuka penuh.

Hanya untuk teks kali ini dapat kita isi dengan semcam ucapan sapaan kepada

pengunjung atau bisa juga kita gunakan untuk menampilkan kata-kata apa saja

terserah Anda. Untuk contoh buat Anda, teksnya di sini Saya coba letakkan

semacam Kata-Kata Bijak, yang seperti berikut :

Dan 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 dibicarakan.";

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 mengingat hari ulang tahun kita tapi lupa 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.";

newsText[10] = "Kata-kata Bijak : \nTidak pernah ada yang jatuh miskin karena banyak memberi, 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 seperti kode di atas.

Selamat mencoba, good luck!