How to Make Spoiler in Your Blog post

make Spoiler will make your post interesting and shorten the length of post. spoiler usually used for hide the codes, photos or sentences. the ways to make it is also easy.

you just add the code on your "edit HTML" of post to hide the codes. see the steps below :

*create a new post

*choose the "edit HTML" option that place on top left corner.

*insert the code below :

<div style="margin: 5px;">

<div style="margin-bottom: 2px;">

<span style="font-weight: bold;">Kode</span>

<input 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 = 'Hide'; } else {

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';

this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>

<div style="border: 1px inset; margin: 0px; padding: 2px;">

<div style="display: none;">

This is the codes/images/sentences you hide</div>

</div>

</div>

* the red code is the codes or images or sentences that will you hide. modify it as you need.

*that's all. happy to try :)

This is demo :

Kode

asdasdasasdasas