Membuat Spoiler di Blog

Spoiler adalah menyembunyikan tulisan yang terlalu panjang lalu disembunyikan, untuk menampilkan yang disembunyikan dengan cara mengklik judul spoiler
"Show/Hide".

contoh seperti ini :

Berikut kode scriptnya:

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

<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight:
bold;">Judul</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;">

isi spoiler

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

*Ganti kata Judul (yang berwarna merah) sesuai
selera yang ingin dijadikan sebagai Judul (contoh diatas: Berikut kode scriptnya:)

*Ganti kata Isi Spoiler (yang berwarna merah) dengan isi yang kamu
inginkan (contoh diatas: kode script spoiler).



Copy-pastekan kode script pada spoiler diatas dipostinganmu.

Semoga Sukses.