Cara membuat spoiler di blog

Andilangodang – Bagi Kaskuser (pengguna KasKus) pasti tahu dong, apa itu spoiler ? Ya, Spoiler adalah salah satu cara/teknik untuk menyembunyikan seluruh atau sebagian isi dari posting.

 Entah itu gambar, kuotasi atau teks biasa dengan tujuan untuk menghemat space halaman posting, supaya tidak terlalu panjang ke bawah.

Bagaimana jika ingin membuat spoiler pada blog anda yang berhosting memakai CMS WordPress ? Berikut langkah-langkah untuk membuatnya :

1. log in ke blogger
2. pada tampilan dasbor klik rancangan
3. pilih elemen laman
4. klik tambah Entri
5. copy code dibawah ini dan paste ke Entri

ini scriptnya :

Ciluuup baaaaa!!!

<div id="spoiler"><div><input type="button" value="Tampilkan" style="margin:0px;padding:0px;" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }"></div><div style="background: #ffffff; margin: 10px auto;border: 0px solid #000;padding: 5px;"><div style="display: none;">Ciluuup baaaaa!!!</div></div></div>

 Catatan :

Tulisan berwarna merah dapat anda ganti dengan keinginan anda

Script diatas dapat anda taruh di posting untuk memperkecil tampilan dan juga bisa di gadget.
Selamat mencoba semoga bermanfaat.