Memasang Widget Typing Teks

Untuk menambah semarak blog anda tak ada salahnya mencoba tips memasang widget typing teks pada sidebar, dibawah header maupun di footer anda. Typing teks ini akan memberikan efek tulisan yang seolah-olah diketik oleh keyboard sebagai salam pembuka atau sejenisnya pada tempat yang masing-masing teman inginkan..

Oke langsung saja caranya tinggal copy kode HTML berikut kedalam widget kamu :

<form name="news"><textarea name="news2" cols=32 rows=3 wrap=virtual></textarea></form><script language=javascript>var newsText = new Array();newsText[0] = "Assalamu'alaikum ya akhi..wa ukhty..";newsText[1] = "Ahlan wa sahlan di memoar pribadi Ari Ahmad Afandi";newsText[2] = "Tempat berbagi kebaikan dan informasi...";newsText[3] = "Semoga bermanfaat dan banyak hikmah yang diperoleh disini..";newsText[4] = "Senang sekiranya sahabat mau memberi masukan, komentar dan saran...";newsText[5] = "Untuk perbaikan dan mengeratkan tali silaturahmi...";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>

Jika ada pertanyaan bisa ditulis dibagian komentar ya.. Keterangan : cols=32 : menunjukkan lebar kolom rows=3 : tinggi kolom Teks silahkan diganti sesuai dengan keinginan teman-teman. Semoga bermanfaat ARI AHMAD AFANDI

Related post