simple way make spoiler on blogspot

Simple trick make Spoiler Blogspot. Spoiler is expandable area that we can fill with everything which we want like text, image, HTML Code etc. The picture of spoiler is like this:

The main function is to reduce the burden spoiler loading page, so we can load your site quickly.In addition, with the spoiler your post will look neat. Ok, Now I will show the code to make spoiler and put it in your blog

To make spoiler, you just put this code in HTML editor (ex: Post , widget, etc)

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Title of Spoiler</b>: <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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

You can fill this space with everything you want, like image, code, text, etc

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

A few tricks make a spoiler, wait for next trick on ilmuflashblogger.blogspot.com