Membuat tombol show hide

Tutorial April 17th, 2010

Sebenarnya membuat sesuatu macam begini sudah umum sekali, mungkin semua orang sudah dapat membuat yang seperti ini. Tapi saya baru bisa membuat yang beginian, yah yang namanya belajar kan kapan saja tak mengenal waktu.. haha.

Berikut saya jelaskan cara menbuatnya.. selamat menikmati ..

Caranya sangat sulit sekali anda hanya tinggal meng-copy code dibawah ini dan letakan sesuai yang anda inginkan

<div>
<div style=”margin-bottom: 4px;”><input style=”margin: 0px; padding: 0px; width: 100px; font-size: 10px;” onclick=”if (this.parentNode.parentNode.getElementsByTagName(’div’)[1].getElementsByTagName(’div’)[0].style.display != ”) { this.parentNode.parentNode.getElementsByTagName(’div’)[1].getElementsByTagName(’div’)[0].style.display = ”; this.innerText = ”; this.value = ‘HIDE‘; } else { this.parentNode.parentNode.getElementsByTagName(’div’)[1].getElementsByTagName(’div’)[0].style.display = ‘none’; this.innerText = ”; this.value = ‘HIDE‘; }” type=”button” value=”SHOW” /></div>
<div style=”border: 0px inset ; margin: 0px; padding: 0px;”>
<div style=”display: none;”>

terserah

</div>
</div>
</div>

Setelah di paste, tinggal edit sedikit saja.. anda hanya tinggal mengganti tulisan merah sesuai keinginan anda, dan ukuran juga bisa diganti sesuai selera.

Contoh hasilnya bisa dilihat di My Banner saya
demikian saja dan terimakasih

keren (6) lucu (3) berguna (2) gak guna (1)

Tags: hide, show, tombol

Reader's Comments

sinyo | April 18th, 2010 at 06:33
owh….iy2 bisa d coba..
nice inpoh
ihsan mufthi | April 18th, 2010 at 08:02
mantabh nich kang,,,, tips nya ,,,
thx.. udah sharing
btw gimana kabarnya????
truz mw nanya donk,,, kalow deblogger itu sering kopdar ya????
icantulang | April 18th, 2010 at 08:02
trikx,,ane save kang,,,,,,
chord gitar | April 18th, 2010 at 08:04
hm…… nice tips bro
Rinda | April 19th, 2010 at 21:09
aq udh bs der hippie yahhh gagal pertamax,,,
helmy | April 22nd, 2010 at 11:43
der,,, kasih penjelasan scriptnya dunk …..
biar ngertyyy….
recyclebin | April 22nd, 2010 at 13:01
-> sinyo
okeh sip…

-> ihsan
wah ga tau san.. tu cuman iseng aja pasang banner nya.. haha

-> chord gitar
yo’i

-> rinda
yah ke empat juga ga pa2 kan.. hahaha

-> helmy
ntar aja mi private di kelas aja.. hahaha
Djakarta News | April 25th, 2010 at 22:58
Simpan dulu deh, thx tutorialnya ya…
ina | April 29th, 2010 at 09:35
mantab deh :D
Techno | May 10th, 2010 at 15:58
Mantap sobat dan mudah dimengerti langsung coba menuju ke TKP,makasih tutorialnya…:D
Tutorial, Tips, Trick, Info. | May 17th, 2010 at 10:06
kok gak bisa ya bos ya?