Blogger spoiler

 SPOILER BEHIND THE SCENE 

Naked spoiler. tanpa style css:

Spoiler title

Spoiler code:

 javascript 

<script type='text/javascript'> { function spoiler(abc) { var isi = abc.parentNode.getElementsByTagName("div")[0]; if (isi.style.display == "none") isi.style.display = ""; else isi.style.display = "none"; } } { function btext(btn) { var btntext = btn.parentNode.getElementsByTagName("input")[0]; if (btntext.value == "show") btntext.value = "hide"; else btntext.value = "show"; } } </script>

 html 

<div> Spoiler title <input type="button" value="show" onclick="spoiler(this);btext(this);" /><div style="display: none;">--------------------- CONTENT -----------------</div></div>

How to insert code. cara memasang kode:

1. Letakan kode javascript ke dalam template blog.

2. Gunakan kode html diatas, saat ingin membuat spoiler dalam postingan blog.

Spoiler style. menambahkan style css untuk spoiler:

 Css style sample 

<style type="text/css"> /* button style */ .butt { width: 60px; font-size: 10px; margin: 2px; padding: 2px; } /* spoiler */ .spoiler { width: inherit; border-top: 1px solid gold; border-bottom: 1px solid gold; padding: 3px; } /*isi spoiler*/ .spoiler .isi{ display: inherit; border: 1px dotted gold; padding: 3px; margin: 3px; } </style>

 Sample 

Credits :

http://ninoholic.com
http://forum.lowyat.net
http://forum.ragezone.com/
http://www.w3schools.com/

spoiler sample