Fungsi Spoiler adalah selain untuk menyembunyikan content berupa text
dan kode juga bisa untuk sembunyikan gambar dalam ukuran besar serta
video. Cara Kerja Spoiler adalah, content yang ditaruh di dalam spoiler
hanya bisa dilihat seluruhnya oleh pembaca apabila tombol perintahnya
diklik. Untuk membuktikannya silahkan Anda klik tombol spoiler di bawah
ini:
Cara pasang spoiler pada postingan blog/website
bukanlah hal yang sulit, karena kita tinggal memasukan isi content ke
dalam kode HTML dan menaruhnya dalam content posting.
Berikut kode HTML untuk memasang spoiler di blog.
<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-weight: bold;"></span><input 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 = ' Jangan Ditutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; }" style="font-size: 11px; margin: 5px; padding: 0px; width: 100px;" type="button" value=" BUKA" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Text yang disembunyikan</div>
</div>
</div>
</div>
contoh:
Semoga bermanfaat. (goes)