Cara Membuat Spoiler di WordPress Self Hosting

Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari posting, dengan tujuan untuk menghemat space halaman posting. Biasanya yang disembunyikan dalam spoiler adalah berupa text maupun gambar.

Cara memasang spoiler
Buat postingan baru add new post, dan pilih mode HTML.
Masukkan kode berikut ini :

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" 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'; }" name="button" type="button" value="buka" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">

Taruh teks yang akan disembunyikan di spoiler di sini
</div>
</div>
</div>

Hasilnya akan seperti ini :

TEKS YG MAU DIUMPETIN

Read more: Cara Mudah Menambahkan Spoiler pada Blog WordPress | Belajar Komputer
Under Creative Commons License: Attribution Share Alike

Taruh teks yang akan disembunyikan di spoiler di sini
Selamat, Anda sudah tertipu!!!! hix hix hix *kidding*

Jika ingin menyisipkan gambar ke dalam spoiler, maka Anda hanya perlu memasukkan kode gambar dan meletakkannya di bagian berwarna merah pada kode di atas.

tes