Cara membuat spoiler di dalam posting blog

Label Spoiler :

Copas Isi Spoiler Disini

Mungkin kalau kita terbiasa melihat forum-forum di internet semacam kaskus dan sebagainya, tidak asing melihat isi posting yang di spoiler yang fungsinya untuk menghemat space, terutama untuk posting yang panjang kebawah. Jika sobat masih belum paham, silahkan aja lihat script di bawah yang saya spoiler :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Label 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 = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Copas Isi Spoiler Disini <br>
</div>
</div>
</div>

Di atas adalah contoh bentuk isi posting yang di spoiler. Lalu bagaimana cara membuatnya ?

•     Copy paste script diatas di antara postingan
•     Teks "Copas Isi Spoiler Disini" >> Isi dengan text kalimat/ gambar /url gambar yang ingin di spoiler
•     Text "Label Spoiler" bisa di ganti sesuai judul spoiler dari kutipan isi posting yang di spoiler
•     Text "Buka" dan "Tutup" silahkan diganti dengan istilah lain