Tombol spoiler / tombol buka dan tutup ini dibuat didalam postingan blog bertujuan untuk mempersingkat artikel atau membuat irit ruang postingan blog sehingga apabila artikel blog yang dibuat dengan menyertakan gambar dengan size besar atau memasang kode script yang terlalu panjang tidak akan memberatkan loading blog. Untuk itulah postingan dengan gambar ukuran besar harus dipasang tombol spoiler supaya lebih ringan manakala dibuka oleh pengunjung.
Untuk membuat tombol spoiler di postingan blog harus pada mode HTML dan bukan posisi Compose, dan dibawah ini kode script tombol spoiler yang dapat anda copas manakala akan menyertakan spoiler sewaktu anda akan memposting artikel dengan gambar atau kodescript yang panjang.
Kode tombol spoiler / tombol buka tutup
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b> : <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Isi dengan gambar atau kode html (terserah anda)
</div></div></div></div>
Nah sekarang simak postingan sebelumnya mengenai cara membuat spoiler pada form komentar blog.
