Cara membuat Spoiler pada blog

Spoiler, 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. Jadi, loading blog kita tidak berat alias ringan dan cepat. Ingin tau penampakan spoiler itu seperti apa? coba buka tombol show di bawah ini
Inilah penampakan spoiler. Disini bisa sobat isi dengan gambar / video / lainnya
Spoiler ini, selain dapat di pasang di postingan, dapat juga di pasang di sidebar blog sobat. Untuk memasang spiler ini, cukup dengan mengcopy kode di bawah ini dan pastekan di tempat yang sobat inginkan, seperti postingan, widget / lainnya.
<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 foto, video atau lainnya--!>
</div></div></div></div>
- Ganti kode yang berwarna merah dengan isi spoilernya
- Kata yang berwarna biru bisa sobat ganti dengan kemauan sobat, misal: buka, tutup

Selamat Mencoba!!

2 komentar

  1. makasih infonya

    ReplyDelete
  2. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    ReplyDelete

Silahkan berkomentar dengan baik dan sopan, komentar berunsur Spam dan Link aktif maupun statis akan dihapus. Demi kenyamanan dan transparansi, mohon maaf komentar "anonymous" tidak akan ditanggapi

 
© 2012 Anjeunn All Rights reserved | Design by Reggy Zian | Powered by Blogger