Membuat Spoiler pada Blogger

Spoiler sendiri, seperti yang banyak dipakai pada forum2, berfungsi untuk menyembunyikan gambar pada postingan. Gambar akan muncul, bila diklik tombol yang telah disediakan.


Fungsinya untuk Sodara dan blog? Tentunya akan menghemat tempat, jika pada postingan Sodara terdapat banyak gambar, apalagi klo sang gambar tu gede. Dan tentunya, menghemat waktu loading page.


Nah, langsung aja, untuk membuat spoiler pada postingan blog, berikut kodenya :

<div style="margin-bottom: 2px;">Judul Spoiler

<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; 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 style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">ISI SPOILER</div></div></div>

nah, nanti jadinya kaya gini:

Judul Spoiler

ISI SPOILER

mudah kan?
Semoga membantu....