How to Create a Blog Spoiler Button
Surely you already know what it is spoiler, spoiler serves to save space on the sidebar of your blog by way of hiding the content you want displayed, but when the spoiler button is clicked, the content will be open, not as an interesting example you can see below, which I save iyalah form of a photograph.

Well that's a spoiler button if you are interested please copy the code below

<div align="justify" style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<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 = 'Closed'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="margin: 0px; padding: 5px; width: auto;" type="button" value="Show" /></div>
<div class="alt2">
<div style="display: none;">
<div style="border: medium none; padding: 10px; text-align: justify;">

CONTENTS OF YOUR CONTENT

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

Description: You can change the text show in accordance with the content you want.

  • Followers

    Counter

    free counters

  • Site Map