Text Mengetik DiBlog

 Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita seperti mengetik. mungkin sebagian besar sudah mengetahuinya. tapi disini Pua' Appink mencoba untuk berbagi kepada teman-teman yang belum mengetahui cara pembuatan TEXT MENGETIK DIBLOG.

Catatan: yang akan dibahas Calvin Cacink ini merupakan tulisan seperti mengetik biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.
berikut cara pembuatannya :
1.Login ke Blogger
2.Kemudian klik Tata Letak dan Elemen Halaman
3.Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4.Lalu pilih HTML/JavaScript
Langkah selanjutnya masukkan kode Script  yang anda inginkan seperti contoh dibawah ini :

<form name="news">
<textarea cols="50" name="news2" rows="3" wrap="virtual"></textarea></form>
<script type="text/javascript">
//<![CDATA[
var newsText = new Array();
newsText[0] = "Teks Anda ";
newsText[1] = "Teks Anda";
newsText[2] = "Teks Anda";
newsText[3] = "Teks Anda";
newsText[4] = "Teks Anda";
newsText[5] = "Teks Anda";
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>

NB :
cols="50" = lebar Halaman
rows=2    = tinggi halaman
Isi Teks  = Silakan isi sesuai dengan Teks yang anda inginkan

Semoga Bermanfaat

Artikel Terkait