Cara Membuat Spoiler di Blog

Spoiler sendiri pastinya kalian semua pada tau kan ?
ya, spoiler biasanya sering kita jumpai pada forum-forum. kegunaan dari spoiler ini adalah untuk menyembunyikan suatu teks,gambar dan video. Spoiler ini sendiri berguna untuk mempersingkat atau menghemat ruang kita saat posting atau saat menulis artikel.

Terlebih lagi spoiler ini membuat pembaca penasaran dengan apa yang kita sembunyikan pada spoiler.
Tetapi kebanyakan blogger ataupun orang yang posting dengan menggunakan spoiler memasa jebakan didalam spoiler, haha bisa juga dibuat untuk jahilin temen.
Okedeh dari pada panjang lebar, berikut cara untuk membuat spoiler di blog :

1. New post / entry, seperti biasa saat anda sedang ingin membuat artikel
2. Pilihlah pada mode edit HTML saat membuat postingan
3. Gunakan kode script berikut untuk membuat spoiler

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini
 <br>
</div>
</div>
</div> 

Kemudian klik publikasikan bila anda selesai membuat artikel.

Kata yang saya beri warna pada kode diatas bisa kalian ganti sesuai dengan kehendak kalian, karena script di atas hanyalah sebuah contoh.

Contoh Spoiler :

MyLovely: