Membuat Spoiler di Blog

Mau buat spoiler di blog kamu? Caranya gampang.
Bagi yang belum pernah dengar istilah spoiler, dibawah ini contoh dari spoiler.
THE TITLE OF SPOILER:
THE CONTENT INSIDE SPOILER...


Gimana? Kamu bisa membuat blog kamu lebih rapih. Dan, kalau kamu post banyak gambar dalam satu post, spoiler bisa dipakai untuk menyimpan gambar-gambar tersebut di dalam spoiler, dan hanya dibuka ketika pengunjung pengen buka isi spoiler tersebut.
Nah... sekarang, code untuk membuat spoiler. Silahkan copy paste codes dibawah ini untuk membuat spoiler. Pastikan anda berada di bagian "HTML" ketika memasukkan kode dibawah ini ke dalam postingan blog anda.
<div><div style="margin-bottom: 2px;">
<i><b>THE TITLE OF SPOILER: </b></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 style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
THE CONTENT INSIDE SPOILER...
</div></div></div>

Mudah, kan? Selamat mencoba...

Labels: , , , , , , ,