Cara membuat efek tulisan mesin tik (typewriter).

Efek tulisan ini sangat bagus sekali kalau dijadikan sebagai tulisan pembuka blog atau ditempatkan disidebar sebagai news flash untuk blog kamu.
Silahkan lihat demonya dibawah.

Demo:

Langkah-langkah memasang efek tulisan mesin tik:
(1) Pasang kode javascript dibawah ini pada bagian <head> blog kamu.

Salin kode JAVASCRIPT
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

<SCRIPT LANGUAGE="JavaScript">
var text=" Demo\ efek\ tulisan\ mesin\ tik\ \ <br> Keren gak. . .??";
 
var delay=10;
var currentChar=1;
var destination="[none]";
function type()
{
	//if (document.all)
	{
		var dest=document.getElementById(destination);
		if (dest)// && dest.innerHTML)
		{
			dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
			currentChar++;
			if (currentChar>text.length)
			{
				currentChar=1;
				setTimeout("type()", 5000);
			}	
			else
			{
				setTimeout("type()", delay);
			}
		}
	}
}
 
function startTyping(textParam, delayParam, destinationParam)
{
	text=textParam;
	delay=delayParam;
	currentChar=1;
	destination=destinationParam;
	type();
}  
</SCRIPT>


(2) Kemudian pasang kode berikut ini di bagian kamu akan menampilkan tulisannya.

Salin kode HTML
1
2
3
4
5
6
7

<div style="background: #fff;">
   <font style="color: #333; font: arial; font-size: 26px;"><em>NEWS FLASH</em></font>
   <div id="textDestination" style=" font: 12px arial; color: #000; margin: 10px;">...</div>
<SCRIPT LANGUAGE="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</SCRIPT>
</div>


Selamat mencoba…!!!