Cara membuat spoiler

Salam hangat dari saya buat pengunjung blog yang baru mulai saya urus lagi, heheee.... sebenarnya blog ini udah lama tertidur dan sekarang baru dibangunkan lagi, Oke kita langsung aja, Cara membuat spoiler sebenarnya sangat mudah jika kita memahami bahasa script, tapi susah buat kita yang tidak mengerti sama sekali bahasa script (termasuk saya...heheheee). Setelah saya browsing di internet akhirnya saya menjumpai blognya mas YOPI yang berisikan cara membuat spoiler, berikut ini caranya:

1. Copy script dibawah ini:

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <i>[Judul yang miring]</i></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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /> </div><br /> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><span style="color: red;">[ISI SPOILER]</span></div></div></div>

Maka akan muncul tampilan seperti dibawah ini:

Judul Spoiler [Judul yang miring] :

[ISI SPOILER]

2. Ganti [ISI SPOILER] dengan link image yang ingin anda masukkan.

<div style="margin: 5px 20px 20px;"><br /> <div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <i>[Judul yang miring]</i></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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /> </div><br /> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><img src="http://papua-green.blogspot.com/" /><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoAeNW7ly-EB9HSqunYRdJst-qFuWyH4g46I-DFrbG3syaIvChK1KrlcsQuz7KhVN8K0xUjSXb4e0F-HhaLWxr6nq3sOkmsPLNFTNRGWN0FyyUlWL_wP3q53fmn7vSAOM192rSxV5uQoc/s320/header+blog+asli.png" /></div></div></div>

Judul Spoiler [Judul yang miring] :

 3. Ganti juga Judul Spoiler [Judul yang miring] dengan judul sesuai keinginan anda.

Selamat mencoba, semoga postingan ini bermanfaat.