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

7 Comments

  1. good content

  2. Thank you so much 🙂 I didn’t think you are Indonesian before 🙂 Very good trick. And I find around the world only from you. The easiest, the simplest.

  3. Works like charm, Akhii! I have tested this on my WordPress. May Allah bless you and helps you in anything you feel difficult on this life. Barakallahu fiikum.

  4. I didn’t think you are Indonesian before 🙂 Very good trick. And I find around the world only from you agen sbobet online . The easiest, the simplest.

  5. Thanks for sharing this.

    Picreel