22 Feb 2012

Membuat widget tulisan seolah mengetik sendiri



Membuat widget tulisan seolah mengetik sendiri. Anda pasti bingung dengan judul diatas tapi saya akan berusaha menjelaskan tentang Membuat widget tulisan seolah mengetik sendiri. Coba anda perhatikan widget dibawah ini.


Bagaimana menurut anda sobat blog. Sudah paham apa yang dimaksud widget tulisan seolah mengetik sendiri?? Untuk menerapkan di bog anda silahkan copy kodenya dibawah ini.
<form name="news">
<textarea cols="23" name="news2" rows="3" wrap="virtual"></textarea></form>

<script type="text/javascript">
//<![CDATA[

var newsText = new Array();
newsText[0] = "http://madiuncool.blogspot.com";
newsText[1] = "Blog tutorial, tips, trik dan download";
newsText[2] = "Anda sedang membuka halaman madiuncool.blogspot.com";
newsText[3] = "Tentang membuat widget tulisan seolah mengetik sendiri";
newsText[4] = "Silahkan mencoba tips dan triknya";
newsText[5] = "Semoga bermanfaat ";

var ttloop = 1; // diulang-ulang teksnya ganti dengan 1 (1 = True; 0 = False)
var tspeed = 250; // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // 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.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>

Ganti teks yang berwarna hijau dengan kata-kata atau kalimat sesuai keinginan anda. Selamat mencoba semoga bermanfaat.

Tidak ada komentar: