Tutorial membuat spoiler pada blog

Terkadang ada beberapa postingan kita yang memerlukan space besar, bisa gambar atau penjelasan2 lainnya, dan apa bila tidak kita pisahkan akan merepotkan sekali, untuk memudahkan hal tersebut mungkin Spoiler bisa membantu kita. Spoiler disini berfungsi sama seperti di forum-forum lain nya, hanya saja pengkodean nya lebih rumit
Cara Memakai
1. Copy-Paste kode di bawah ini :
<br /> <br /> <div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">Your Title : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /> <div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;background: #f5f5f5 none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(127, 69, 0); line-height: 1.5em;"><div style="display:none;">Your Text or Image Link<br /> </div></div></div><br />


2. Tekan Ctrl+F, lalu cari kode berikut *tambahan*
Your Title : Diganti sesuai kehendak anda
Your Text or Image Link : Diganti sesuai kehendak anda
value="Show" : Diganti sesuai kehendak anda
this.value = 'Show' : Diganti Sesuai kehendak anda
this.value = 'Hide' : Diganti Sesuai kehendak anda

Preview / Tampilan

Your Title :

Your Text or Image Link