Make Spoiler in Blog

In the post "Morning walks in the Simpang Lima" I tried to use the spoiler in order that the reader of this blog does not run loading image.

Actually tips spoiler is long, since the new active again in the blog ..... no harm we share with each other, may be useful to all my friends.



copy and paste this script in the post, part of the HTML. remember when we preview post, the script is still active, if it is in the post then this script will be active .... Please try my friends.


<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Judul 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /> </div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> Insert text or script code (pictures or video) here</div> </div> </div>
So it looks like this:

Judul Spoiler:

Insert text or script code (pictures or video) here

* Thank you for romeo lim(http://gkkb.blogspot.com/2012/09/cara-membuat-spoiler-di-blogspot.html)