Cara Membuat Spoiler di Blog

Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog, spoiler bermanfaat membantu mengurangi waktu load konten blog dan memberikan pilih kepada visitor blog untuk membuka atau tidak isi spoiler, juga memberi rasa penasaran visitor akan isi konten.

Menyembunyikan konten tertentu dari sebuah halaman blog diperlukan untuk menghemat ruang. Ketika visitor ingin melihatnya mereka dapat dengan mudah menampilkannya. Berikut cara-caranya untuk membuat spoiler tersebut.

1. Login ke Blogger
2. Pilih Entri Baru seperti membuat postingan biasa
3. Buat entri yang akan di masukkan ke dalam spoiler saja dulu.  

4. Kemudian pilihlah pada mode Edit HTML
5. Letakkan  kode script berikut ini tepat di atas kode script entri yang baru dibuat tadi :

<div style="margin: 5px 20px 20px;">

<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">

</div>

<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">

<div style="display: none;">

6. Kita dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga Buka dan Tutup.

7. Kembali pada mode Edit Compose dan lanjutkan isi postingan anda.

     Contoh :

Depan atau Samping :