Cara memasang spoiler pada blog

isi spoiler... (bisa image/script/link/ato widget)

Tau spoiler gak nih sobat? spoiler itu cara untuk menyembunyikan seluruh atau sebagian isi dari post/konten kita. Spoiler juga memiliki fungsi agar konten yang berat seperti video atau foto yang sizenya yang di katakan lumayan besar tidak di load sebelum menekan tombol show. Sekarang sobat sudah mengerti kan? untuk memasangnya cukup copykan kode" di bawah ini sob:

<div><div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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... (bisa script / widget / link dll)

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

 Ket:

• Ganti tulisan yang berwarna merah dengan isi spoilernya seperti script atau widget
• Tulisan yang berwarna merah bisa anda ganti dengan Buka / tutup / lainnya

Good Luck! Jangan lupa, masih banyak lagi artikel yang bermanfaat. klik saja Blognya Reggy