Cara Membuat Spoiler di Postingan

Spoiler atau Link Show-Hide, digunakan untuk menghemat tempat posting. Ini bisa menjadi salah satu solusi agar posting yang terlalu banyak dan panjang  tidak memenuhi layar blog anda.

Caranya sangat mudah. Kalian cukup mengcopy kode dibawah ini dan paste ke postingan anda

<div style="margin: 5px 20px 20px;"><div style="margin-bottom: 2px;"><b>[Judul Spoiler] <em>[Judul miring]</em></b> : <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><br /><div style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

Keterangan:
"[Judul Spoiler]" & "[Judul miring]" bisa anda ganti sesuka anda. "[Judul miring]" juga boleh dihapus.

"[ISI SPOILER]" diganti dengan isi spoiler anda seperti tulisan/gambar.

Contoh hasilnya seperti ini:

[Judul Spoiler] [Judul miring] :

Hallo

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest