Menghemat Ruang di Blog dengan Spoiler

Untuk menghemat ruang di Blog Kita bisa menggunakan Spoiler yang dimaksud dengan Spoiler ini adalah menyembunyikan tulisan yang terlalu panjang lalu disembunyikan, untuk menampilkan yang disembunyikan dengan cara mengklik judul spoiler, seperti pada contoh di bawah ini :

Judul

isi spoiler

Berikut cara mebuat atau memasang Spoiler di Blog, silakan Sobat Copy aja script di bawah ini dan paste di mana sobat ingin menaru Spoiler.

<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 sesuai selera yang ingin dijadikan sebagai judul
Ganti kata Isi Spoiler dengan isi yang kamu inginkan.

SEMOGA BERMANFAAT !!!