Membuat Spoiler di Blog

Spoiler, siapa ssii yang ga tau ini ? ya kali saja diantara sobatt ini kurang mengeri apa itu spoiler. Okk Spoiler itu sendiri fungsinya untuk memperkecil postingan, kode script maupun tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar.

Caranya ? langsung saja yaa, selipkan kode ini di "Edit HTML"

<div style="margin: 5px 20px 20px;">

<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">

</div>

<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">

<div style="display: none;">

Letakkan kode script, HTML dan teks anda disini



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

Contohnya seperti ini

Spoiler:

Letakkan kode script, HTML dan teks anda disini

NB:

1. Untuk tulisan Open dan Tutup sobat bisa ganti dengan kata2 sobat inginkan.
2. Width : 55px untuk lebar spoiler.
3. Font-size: 11px untuk besar tulisan pada kotak spoiler.
4. Nah yang tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat.