How to make Spoiler in Blogger

example:

example like this

spoiler do you know spoiler ?? 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

 oke if you want make spoiler copy this code checkthisout !!

<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>

 you just put this code in the post,widget,etc