Cara Membuat Tombol untuk Menyembunyikan dan Menampilkan Text dan Gambar

Cara Membuat Tombol untuk Menyembunyikan dan Menampilkan Text dan Gambar

Sepertinya sobat sudah pada kenal yang namanya form button ya,pernah sebelumnya blog ini juga sharing bagaimana membuat form button dengan posisi berjejer alias horizontal.
Namun kali ini,TaC-tiC-toL bukan sharing bagaimana membuat link form button melainkan membuat form button untuk menyembunyikan dan menampilkan sebuah teks atau image(gambar),atau yang sudah agan tahu dengan istilah spoiler.

ga perlu berbasa basi lagi ... Langsung aja ke TKP !

Caranya,sobat tinggal masukkan kode dibawah ini pada postingan sobat ya :D

<div><input type="button" value="Lihat Gambar" style="margin:0px;padding:0px;" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat Gambar'; }"><br /></div><br /><div style="background: #ffffff; margin: 10px auto;<br />border: 0px solid #000;<br />padding: 5px;"><br /><div style="display: none;"><br /><img src="http://a0.twimg.com/profile_background_images/314865843/mrpujiajadeh.gif" alt="Cara Mudah dan Cepat Membuat Spoiler di Blogger" title="Cara Membuat Spoiler di Blogger." width="300" height="200"/><br /></div><br /></div>

Cari tulisan "http://a0.twimg.com/profile_background_images/314865843/mrpujiajadeh.gif" dengan tombol F3  dimana obyek akan ditampilkan atau disembunyikan,bisa sobat ganti berupa teks saja, alamat sebuah gambar maupun video kesukaan kamu,that's it :D

semoga bermanfaat ya ..
^_^