How to Add Spoiler Button in Blogger Blog

19

How to Add Spoiler Button in Blogger Blog

This Spoiler Button is used to hide content, images or to reduce the space in your posts.
Hidden text will be displayed when we press show button this is called spoiler button.

Steps to add spoiler Button in Blogger :

First Copy the below HTML code:


<div><input value=”Show” onclick=”if(this.parentNode.getElementsByTagName(‘div’)[0].style.display != ”){this.parentNode.getElementsByTagName(‘div’)[0].style.display = ”;this.value = ‘Hide Content’;}else{this.parentNode.getElementsByTagName(‘div’)[0].style.display = ‘none’; this.value = ‘Show Content’;}” type=”button” /><div style=”display: none;”>HIDDEN TEXT or CONTENT GOES HERE</div></div>


and paste it on your posts HTML Mode.

Note : Replace the RED Coloured words with your OWN what you want

Below is the EXAMPLE Of Spoiler Button :

THIS IS THE EXAMPLE OF SPOILER BUTTON

You might also like More from author

Comments