Cara membuat spoiler di blog

Akhir-akhir ini saya tertarik dengan spoiler, semenjak menggunakan trik ini Blog lumyan jadi ringan diakses, mungkin karena banyak gambar yang saya tutup dengan spoiler ini bawaan Blog jadi ringan.
Banyak jenis spoiler yang bisa digunakan. Kali ini saya berbagi tips spoiler yang sering saya gunakan sekaligus menjawab pertnyaan sahabatku yang meminta cara menyembunyikan gambar pada postingan, mungkin maksudnya adalah "spoiler".
Caranya sangat gampang sobat tinggal menambahkan kode dibawah ini saat memposting.!!

<div id="spoiler"><div><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'lihat lagi'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="Klik" /><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">disini teks atau gambar yang ditutup buka</div><div id="hide"></div></div></div>

Ganti tulisan GEDE/ BOLd sesuai selera sobat
ganti tulisan disini teks atau gambar yag ditutup buka dengan html gambar atau teks yang ingin anda tampilkan..

Slamat mencoba...

Related Posts by Categories