Membuat Teks Efek Seperti Mengetik Sendiri

 
Mungkin sobat sering melihat sebuah kalimat yang seolah olah sedang diketik oleh seseorang .Efek teks semacam ini biasanya digunakan pada widget ucapan selamat datang kepada pengunjung blog ataupun yang lainnya.contohnya seperti dibawah ini,hanya saja yang saya tuliskan adalah penggalan kata bijak dari Pak Mario Teguh  :

Nah untuk menampilkan efek seeperti contoh diatas silahkan sobat  copy paste kode dibawah ini di blog sobat.

<form name="news"> <textarea cols="40" name="news2" rows="3" style="background: none repeat scroll 0% 0% rgb(102,170, 85); border: 3px dotted rgb(23, 215, 232); color: #ffeff9; line-height: 1.5em; padding: 5px;" wrap="virtual"> </textarea> </form><script language="javascript"> var newsText = new Array(); newsText[0] = "#"; newsText[0] = "Bermimpilah tentang apa yang ingin kamu impikan."; newsText[1] = "pergilah ke tempat-tempat kamu ingin pergi."; newsText[2] = "Jadilah seperti yang kamu inginkan."; newsText[3] = "karena kamu hanya memiliki satu kehidupan, dan satu kesempatan untuk melakukan hal-hal yang ingin kamu lakukan"; newsText[4] = "MARIO TEGUH" 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 // ------------- 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>

Keterangan : Ganti Teks Berwana merah dengan teks sobat selanjutnya simpan dan lihat hasilnya. Semoga bermanfaat,Happy Bloging!