Membuat Tombol Spoiler
Membuat spoiler seperti di forum-forum emang akan menambah daya tarik blog kita, selain untuk meminimalisir space yang ada pada halaman blog, tombol spoiler juga dapat memberikan kesan yang lumayan enak dipandang.
bersama teman - teman angkatan 18, ane utarain niat untuk membuat script/coding tombol spoiler tersebut, dan akhirnya jadilah seperti yang dibawah ini:
-->
<div id="spoiler">
<div><input type="button" value="Show" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div style="background: #ffffff; margin: 10px auto;
border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
ganti dengan Teks/ gambar yang ingin anda masukan dalam tombol spoiler
</div>
</div>
</div>
Contoh :
selesai dech tombol spoiler tersebut.
Thank's to :
Keluarga arisan 18
Note : boleh copas, asal cantunkam alamat asal
