Aku Punya dot com

Tidak Punya Ide Untuk Menulis

  • Home
  • Kontak
 
Home > Javascript > Membuat efek mesin tik
16
Jul
2010

Membuat efek mesin tik

Posted by: admin

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.

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…!!!


memuat halaman
Reload
«
»
iklan

19 Komentar

Javascript, Tips trik blog

Postingan yang lain:
  • Cara membuat tulisan melayang 3D
  • Cara membuat notify comment checkbox
  • Cara disable CTRL diblog
  • Cara memasang kalender di blog
  • Cara membuat gelembung di blog

Ada 19 komentar di “Membuat efek mesin tik”

Tulis komentar
Komentar dari hadiyatna:
Dari IP: 202.152.243.177
Tanggal 14 Agustus 2010 jam 7:05 pm

kok gak bisa ya gan kata nya template error

Balas komentar

Komentar dari admin:
Dari IP: 64.255.164.84
Tanggal 14 Agustus 2010 jam 11:22 pm

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

Balas komentar

Komentar dari it's my story:
Dari IP: 222.124.156.242
Tanggal 15 Oktober 2010 jam 11:43 am

wah perlu dicoba nih keknya.. menarik nih.. :D

Balas komentar

Komentar dari bibilung:
Dari IP: 120.162.146.113
Tanggal 4 Desember 2010 jam 4:28 am

Bagaimana caranya atau apa kodenya jika kita akan menampilkan banyak topik. Misalnya ada 3 topik yang berbeda dan ditampilkan secara bergiliran.
terima kasih

Balas komentar

Balasan dari admin:
Dari IP: 125.167.235.186
Tanggal 19 Desember 2010 jam 3:45 pm

silahkan diutak-atik sendiri aja ya… :mrgreen:

Balas komentar

Komentar dari ans:
Dari IP: 110.139.12.113
Tanggal 19 Desember 2010 jam 11:36 am

gak bisa

Balas komentar

Balasan dari admin:
Dari IP: 125.167.235.186
Tanggal 19 Desember 2010 jam 3:50 pm

wah, gak bisanya karena apa nih?? apa terdapat error xml??
klo xml nya error, silahkan lihat cara pasang kodenya disini >> :bisik-bisik:

Balas komentar

Balasan dari ans:
Dari IP: 110.139.12.113
Tanggal 20 Desember 2010 jam 8:55 pm

bingung juga distu :roll:
masih pemula :bisik-bisik:
:oops:

Balas komentar

Komentar dari awang:
Dari IP: 125.166.31.251
Tanggal 27 Januari 2011 jam 12:52 am

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

Balas komentar

Balasan dari admin:
Dari IP: 110.139.125.86
Tanggal 27 Januari 2011 jam 1:15 am

apa udh dicoba bikin di notepad..?? :???:

Balas komentar

Balasan dari awang:
Dari IP: 61.94.61.240
Tanggal 31 Januari 2011 jam 12:16 pm

sekarang udah bisa kok kak..
ini ga bisa di pasang dua tempat ya ?
kalo bisa apanya yang diubah sama apakah bisa beda text ?

Balas komentar

Balasan dari admin:
Dari IP: 110.139.125.85
Tanggal 31 Januari 2011 jam 8:16 pm

wah kayaknya emang gak bisa dua tempat yah… hehehe… :roll:

script itu bukan aku yg bkin tapi aku ambil dari web Permadi.com :lol: untuk lebih jelasnya, silahkan berkunjung kesana.. :bisik-bisik:

Balas komentar

Komentar dari herusularto:
Dari IP: 123.231.255.2
Tanggal 10 Februari 2011 jam 3:30 pm

:uhuk: wah, postingannya bagus. perlu dicoba ni JS-nya. lam kenal.
oia, btw emotnya pake plugin apa ni??? :oops:

Balas komentar

Balasan dari admin:
Dari IP: 64.255.164.88
Tanggal 10 Februari 2011 jam 4:53 pm

silahkan dicoba…

emoticon ini gak pake plugin mas, tapi utak-atik sendiri.

klo pengen bikin juga, silahkan liat caranya disini >> cara ganti emoticon wordpress :D

Balas komentar

Balasan dari herusularto:
Dari IP: 110.139.56.243
Tanggal 11 Februari 2011 jam 3:20 am

ok, sip. ;-)

Balas komentar

Komentar dari Iqbal:
Dari IP: 180.253.148.165
Tanggal 27 September 2011 jam 11:44 pm

kaka, klo mau mau bikin efek mesin ketik degan suara mesin ketiknya ada ngga ?
biar lebih keren gitu… :cool:

liat blog aku kaka : www. cirebon-cyber4rt.blogspot.com

Balas komentar

Balasan dari admin:
Dari IP: 141.0.8.25
Tanggal 28 September 2011 jam 12:18 am

ehehehe..

aku gak bisa tuh bikin yg kayak gtu..
ini aja kodenya nyomot diblog lain.. :lol:

Balas komentar

Komentar dari Rahmat:
Dari IP: 202.152.194.208
Tanggal 28 September 2011 jam 3:02 am

Bagus nih code-nya.

Balas komentar

Komentar dari gema-tkj1.blogspot.com:
Dari IP: 202.152.194.222
Tanggal 15 Desember 2011 jam 1:33 pm

thanks infonya
gan.. tuker banner yuk
http: //gema-tkj1.blogspot.com/

Balas komentar

Tulis Komentar


website / blog

Komentar:

Emoticon
Emoticon:
X
icon_smile.gif icon_wink.gif icon_neutral.gif icon_mad.gif icon_wc.gif icon_uhuk.gif icon_twisted.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_puyeng.gif icon_pliss.gif icon_payah.gif icon_lidah.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_kencing.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_dead.gif icon_cry.gif icon_cool.gif icon_bom.gif icon_bisik-bisik.gif icon_ayolah.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif 

Batalkan balasan
 
    CO.CC Free Domain
  •     Komentar terbaru

    • zenald: lumayan tambah ilmu ane yang d #
    • zaara: hmmmm....bngung #
    • Cyntaelistya: bisa \(^o^)/ #
    • angel: subhanallah... #
    • all: good book. #
    • Arwiebowo: wes, langsung jadi bos.. suwun #
    • theodorewilliammuntu: saya mau ganti pw #
    • teddyrachel: bingung banget #
    • merdana: iya karna ada para chiter (pro #
    • Olvie: Maksih infonya #
  •     Kategori

    • Adsense
    • Aneh
    • Biografi
    • Blog
    • Cewek
    • CSS
    • CSS3
    • Dofollow
    • DVD
    • Emoticon
    • Facebook
    • Game
    • Google
    • Gratis
    • Hiburan
    • Javascript
    • Kamus Online
    • Kesehatan
    • Kiamat
    • Kids
    • Komik
    • Lucu
    • Menu Bulan Puasa
    • Mp3
    • PHP
    • Rank
    • Resep
    • Search Engine
    • SEO
    • Sitemap
    • Story
    • Tak Berkategori
    • Tak Penting
    • Tips
    • Tips trik blog
    • Traveling
    • Twitter
    • Wedding
    • Wordpress
    • Youtube
  •     Arsip

    • Januari 2012
    • Desember 2011
    • November 2011
    • Oktober 2011
    • September 2011
    • Agustus 2011
    • Juli 2011
    • Juni 2011
    • Mei 2011
    • April 2011
    • Maret 2011
    • Februari 2011
    • Januari 2011
    • Desember 2010
    • November 2010
    • Oktober 2010
    • September 2010
    • Agustus 2010
    • Juli 2010
    • Juni 2010
    • Mei 2010
    • April 2010
    • Maret 2010
    • Februari 2010
    • Januari 2010
    • Desember 2009
    • November 2009
    • Oktober 2009
    • September 2009
    • Agustus 2009
    • Juli 2009
    • Juni 2009
    • Mei 2009
    Adsense Indonesia
    ...
      Page: /membuat-efek-mesin-tik.html : Calling Kenya
      Test Link 2
      Test Link 3

Aku Punya dot com © 2009 - 2012
Powered by WordPress
Best viewed in Firefox, Opera, and Chrome at 1280 x 960 screen resolutions

Feed  |  Sitemap  |  Recent Posts
Tukar Link  |  Pasang Banner  |  Kontak

29 queries. 1,233 seconds

Toolbar
tulis komentar
     
19 komentar
Komentar 19
kembali ke bawah
Bawah
kembali ke atas
Atas
Games
  • »  Game Puzzle
  • »  Game Tetris
  • Game Puzzle  
     
    Game Tetris  
     
    Shoutbox
    Shoutbox  

     
    Suka
    Aku Punya fans  
     
    Pencarian
    memuat ...