How to Make Spoiler in Blogspot

Make Spoiler in Blogspot-meet again with the trick-id, blogging tricks and tips. Following on my previous post gives tricks on How to Put Twitter Badge in Blogspot, this time I will explain how to make a spoiler on blogspot. Spoiler is expandable area that we can fill with everything which we want like text, image, HTML Code etc. The example of spoiler is like this

Example:

you can put Your Text, Image, Code here

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, I'll see you at the next trick in Trick-id