Saturday, December 8, 2012

Cara Buat Typing Text dalam Text Area


Cara Buat Typing Text  dalam Text Area
Membuat Pesan atau pengumuman di Blog dengan Typing Text dalam Text Area.


Dengan JavaScript berikut sobat bebas menciptakan pesan , bisa mengatur kecepatan Typing dan ini lumayan keren untuk menyambut pengunjung blog Sobat.


D E M O

Cara Pasang di Blog
 Sobat Bisa Pasang pada widget Blog atau pada Artikel
Cukup Copy dan Paste Code berikut, Sobat bisa ubah kecepatan Typing ,  Jangan lupa ganti Text


Berikut ini Codenya :
<form name="news">
<textarea cols="40" name="news2" rows="4" wrap="virtual"></textarea>
</form>

<script language="JavaScript">
var newsText = new Array();
newsText[0] = "Selamat Datang sobat Blogger Mania";
newsText[1] = "Pada tutorial dan demo kumpulancara.com";
newsText[2] = "Semoga semua bermanfaat...Jangan Lupa Komentarnya.";
newsText[3] = "Indonesia Akhir 2012";
newsText[4] = "http://www.kumpulancara.com"

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

// ------------- Sebaiknya jangan edit code dibawah ini ------------- \
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)
}
}
}
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>
SELAMAT MENCOBA dan Semoga Bermanfaat

Cara Buat Typing Text dalam Text Area Rating: 4.5 Diposkan Oleh: Sarjana Cebong

11 komentar:

  1. Ada ajah ilmu bikin typing, keren abis mas, lanjutkan!!

    ReplyDelete
  2. Gimana cara copy paste scripnya kalau gak bisa di Copas :D

    ReplyDelete
  3. oke, caranya sudah saya pahami dan pelajari, semoga bisa saya terapkan agar kegiatan berfacebookan semakin berkualitas :)

    ReplyDelete
  4. keren gan, infonya sangat bermanfaat..makasi
    http://dlindsoul.blogspot.com/

    ReplyDelete
  5. Artikel yang sangat menarik, bermanfaat sekali buat para pemula seperti saya :D

    ReplyDelete
  6. pertamaX gan.. bisa jadi papan pengumuman juga ya.

    ReplyDelete
  7. Tips bikin teks area ini bagus, terima kasih tipsnya.

    ReplyDelete