Cara Memasang Spoiler Di Blogger

Assalamu Allaikum Wr Wb

Postingan saya kali ini adalah Cara Bikin Spoiler Pada Blogger
Karena ada salah satu teman blogger saya bertanya cara bikin spoiler pada blog..
Biasanya spoiler sering kita jumpai pada umumnya di forum atau website saja.
Nah sekarang bagaimana agar kita dapat memasang spoiler pada blog ???

Kegunaan spoiler ini sangat banyak, salah satunya agar tampilan blog kita tidak terlalu acak-acakan.
tapi kalau blog saya MASIHHHHHH aja Acak-acakan,,, heheheh...

Ok Gan.. nggak perlu banyak bacot...

langsung aja silahkan agan Lihat Code Html dibawah ini :

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">JUDUL SPOILER </span></i><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>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Tulisan ini Ganti dengan apa yang ingin Agan isi (html / Java Script)
</div></div></div></div>


1. Pada warna Merah adalah judul spoiler
2. Pada Warna Biru adalah isi dari Spoiler Agan

Ok Gan... Mudah-mudahan dapat bermanfaat...

Salam Blogger