Cara Membuat Tombol Spoiler

Apa itu spoiler????? Spoiler itu tombol yang digunakan untuk menyingkat suatu posting dengan tombol hide dan show. Seprti teks, gambar serta objek-bjek lain yang ingin disingkat. Jika anda berminat silahkan copy kode di bawah ini :

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Tampilkan"
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 = 'Tampilkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">


Masukkan teks,gambar dll untuk di singkat

</div></div></div></div>

Contoh:

Selamat datang Brooooooo!!!!!

Keterangan:

-.Biru: Silahkan anda ganti dengan kata-kata yang anda inginkan misal: Munculkan, atau show!
-.Merah: Anda bisa menggantinya dengan kata yang anda inginkan, misal: Hide, atau hilangkan!
-.Orange: Silahkan disisipi dengan teks atau kode yang memang perlu disingkat.

Selamat mencoba!!! Jangan lupa komentarnya.