Cara membuat spoiler di blog

Nah, kali ini saya akan menjelaskan bagaimana cara membuat spoiler di dalam postingan blog. Untuk yang belum tau apa itu spoiler saya beri contohnya
kira-kira seperti ini

Silahkan Klik untuk membuka

silahkan isi spoiler

Nah ,berikut adalah langkah-langkahnya
-Buka blog kamu
-Buat New entry atau new post
-kemudian pilih HTML,

-Setelah itu masukkan kode/script dibawah ini:




<div>
<div style="margin: 4px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Silahkan Klik untuk membuka</span></i><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>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Silahkan isi dengan text ,gambar maupun video


</div>
</div>
</div>
</div>


-Ganti tulisan yang berwarna merah dan biru sesuai keinginan anda, jangan lupa untuk tulisan yang berwarna biru tambhkanlah kode "</br>" di akhir kata untuk membuat spasi
contoh:  silahkan isi dengan text,gambar maupun video</br>
             silahkan isi dengan text, gambar maupun video</br>