Tips Cara Membuat Spoiler di Blog

Seringkali ketika kita membuat postingan di blog terkesan terlalu memanjang ke bawah sehingga mengurangi kecantikan dari postingan itu sendiri, untungnya ada spoiler yang berguna menghemat halaman posting agar tidak terlalu memanjang ke bawah.
 namun untuk para blogger pemula seperti saya tidak mengerti bagaimana cara untuk membuat spoiler itu sendiri, untuk itu saya punya tutorial bagaimana cara membuat spoiler di blog kita.

ketika kita menulis entri baru dan ada bagian tulisan yang harus di spoiler, pertama masuk ke HTML kemudian copykan kode dibawah ini

<div id="spoiler">judul spoiler<input style="margin: 10px; padding:0px; height:30px; font-size:15px; font weight:bolt;" value="OPEN" onclick="if
(this.parentNode.parentNode.getElementsByTagName('div') ['show'].style.display != '')
{ this.parentNode.parentNode.getElementsByTagName('div')
['show'].style.display= ''; this.parentNode.parentNode.getElementsByTagName('div')
['hide'].style.display= 'none'; this.innerText = ''; this.value = 'CLOSE'; }
else
{this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')
['hide'].style.display= ''; this.innerText = ''; this.value = 'OPEN';}
"type="button"/> <div id="show"
style="border: 2px; solid:; margin:5px padding:2px; display: none; width:;">
masukan teks/poto yang akan di spoiler disini
</div>

 Ganti yang berwarnah merah dengan text atau alamat gambar milik Anda.
Yang berwarna hijau merupakan keterangan, jika tidak ingin tampil bisa Anda kosongkan.