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.
Comments
6 Responses to “Cara Membuat Spoiler di WordPress Self Hosting”
  1. gan waktu kKu posting sih ada Spoilernya tapi kok begitu diPublish gag muncul yaaa??? itu apanya yang salah gan??? balas ya gan. thanks

  2. mediawow says:

    emg wordpress bner2 ngeselin ye,, pke yg bayar ama gratis sgala ,,, mendingan pke blog spot kali ye

  3. @nto says:

    nice info ….

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: