How To Make Button Show Hide Spoiler On Blog

How to Make Button Show Hide Spoiler or Blog is the theme article I will share to you. Make spoiler button or commonly referred to as a button show hide is an alternative to save the loading article on a blog that was made because it contains many images that moreover we have a limited Internet connection. Besides spoiler could be used to conceal the image so that the length of the article is not too far down.


How to Make Button Show Hide Spoiler or Blog
Spoiler itself a script or a line of code that is used to display a button that when we click it will display something in it whether it be video images or links in it and can also contain some of the contents of the postings are made depending on what people want to put in it , The purpose of this spoiler made buttons to save space in a posting as well as to reduce the weight loading of a blog when in the open let alone that has a lot of images in the article.

How to Make Button Show Hide Spoiler or Blog are very easy just follow the steps below:
1. Log on to your blog account.
2. then create a new article.
3. please you write the article.
4. After the article so open Compose HTML not exist in the upper left part where writing articles.
5. Enter the following code at the bottom or at will which wants to put it.

<br />
<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Show</span></i><br />
<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 class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Isi Spoiler </div>
</div>
</div>
</div>
<br />

Note: In the green color text and enter the title you want to display on the spoiler and purple text contents of the spoiler enter eg links, videos, or pictures. Enter the url of the video or image only.
6. Please preview your article and see the results.
7. After that please publish.

Spoiler example I created as below:

Show

Isi Spoiler

How to Make Button Show Hide Spoiler or Blog
That's about How to Make Button Show Hide Spoiler or Blog May be useful for you.

Do not Forget To Click Ads Help Available In Blog All About Tutorials ^ _ ^

Thus, hopefully useful, join the Facebook Grup 

NB: Please help if you can report dead links to BB PIN: 288BA288

Or can be via the comments below ...

That is all and thank you

Greetings Newbie ^ _ ^