Cara Membuat Spoiler pada Blog

Catatan Pendek Penulis | Pernah melihat sebuah tombol pada blog atau website yang dapet menampilkan dan menyembunyikan sebuah tulisan atau gambar
seperti ini

Caranya gampang sekali kok, tinggal anda copy saja script dibawah.

<div id="spoiler" style="display:none">
Konten Yang Disembunyikan
</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Buka/Tutup</button>

Keterangan:
Konten Yang Disembunyikan = Silahkan isi dengan text, dokument atau gambar
Klik untuk melihat/menyembunyikan = title untuk memberikan informasi ketika kursor mouse di Hover diatas tombol
Buka/Tutup = Teks yang akan muncul

Informasi :
Scrips ini bisa juga dipasang sebagai isi postingan atau sebagai widget pada blog anda.
Caranya sebagai postingan dengan cara meletakan script pada postingan mode HTML