Cara membuat efek mesin tik (typewriter).
Efek mesin tik ini bisa dijadikan sebagai tulisan pembuka blog atau bisa juga ditempatkan disidebar sebagai news flash untuk blog kamu.
Silahkan lihat demonya dibawah.
Demo:
Langkah-langkah memasang efek mesin tik:
(1) Pasang kode javascript dibawah ini pada bagian <head> blog kamu.
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.
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…!!!
kok gak bisa ya gan kata nya template error
memasang javascript di blogspot memang agak susah sob, kamu harus upload scriptnya dulu baru pasang diblog kamu, kamu bisa lihat tutorialnya disini http://aku-punya.com/cara-memasang-javascript-di-blogspot.html
wah perlu dicoba nih keknya.. menarik nih..
Bagaimana caranya atau apa kodenya jika kita akan menampilkan banyak topik. Misalnya ada 3 topik yang berbeda dan ditampilkan secara bergiliran.
terima kasih
silahkan diutak-atik sendiri aja ya…
gak bisa
wah, gak bisanya karena apa nih?? apa terdapat error xml??
klo xml nya error, silahkan lihat cara pasang kodenya disini >>
bingung juga distu

masih pemula
kak kalo aku mau masang di website kok pas aku coba di html ofline ga kayak ngetik ya tak langsung muncul gitu .. kenapa ya ? apa emang ga bisa test offline ?? CMIIW
apa udh dicoba bikin di notepad..??
sekarang udah bisa kok kak..
ini ga bisa di pasang dua tempat ya ?
kalo bisa apanya yang diubah sama apakah bisa beda text ?
wah kayaknya emang gak bisa dua tempat yah… hehehe…
script itu bukan aku yg bkin tapi aku ambil dari web Permadi.com
untuk lebih jelasnya, silahkan berkunjung kesana..
oia, btw emotnya pake plugin apa ni???
silahkan dicoba…
emoticon ini gak pake plugin mas, tapi utak-atik sendiri.
klo pengen bikin juga, silahkan liat caranya disini >> cara ganti emoticon wordpress
ok, sip.
kaka, klo mau mau bikin efek mesin ketik degan suara mesin ketiknya ada ngga ?
biar lebih keren gitu…
liat blog aku kaka : www. cirebon-cyber4rt.blogspot.com
ehehehe..
aku gak bisa tuh bikin yg kayak gtu..
ini aja kodenya nyomot diblog lain..
Bagus nih code-nya.
thanks infonya
gan.. tuker banner yuk
http: //gema-tkj1.blogspot.com/