Cara Membuat Spoiler Form Button Link

Maksud Spoiler disini adalah  Cara Membuat Spoiler yang fungsinya Menyembunyikan dan Menampilkan Gambar dengan Form Button Link.Cara Membuat Tombol untuk Menyembunyikan dan Menampilkan Text dan GambarSepertinya sobat sudah pada kenal yang namanya form button.Namun kali ini,tutorial Dangstars Weblog akan sharing bagaimana membuat form button untuk menyembunyikan dan menampilkan sebuah teks atau image(gambar),atau yang sudah kita ketahui dengan istilah spoiler.

Contohnya Seperti Dibawah ini

Cara Membuatnya adlah dengan copy paste kode berikut ini dengan catatn kode warna biru diganti dengan objek yang sobat tentukan:

<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'; }"> </div> <div style="background: #ffffff; margin: 10px auto; border: 0px solid #000; padding: 5px;"> <div style="display: none;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq8QK0NxGcWeUwFy2DbdUhEVQvH66u9Jv4RiS348EWD5HVgKpXUBwVbloCzkcoQPaFfnHfXT_0qbanP0xcHud-BEzkUldLU6szRx_DaUQwHMlazYM2aSQ3jNnMhHZFHObCER1G0_xniZI/s1600/Dangstars-Weblog-300x250.jpg" alt="Cara Mudah dan Cepat Membuat Spoiler di Blogger" title="Cara Membuat Spoiler di Blogger." width="300" height="250"/> </div> </div>