Membuat SPOILER di Postingan Blogger

Siomponk.Com: Fungsi Spoiler mirip dengan dropdown, adalah untuk menyembunyikan konten (tulisan,gambar,video) yang ada dalam suatu postingan. Biasanya fungsi Spoiler ini banyak terdapat pada sebuah web forum, semacam kaskus dan lainnya. Selain loading jadi page lebih cepat, tulisan jadi tidak terlalu kelihatan panjang atau menghemat tempat, juga bisa memberikan pilihan pembaca untuk membacanya atau tidak.

Gunakan code dibawah ini didalam postingan di Blogger

<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;">
Letakkan isi postingan (teks, gambar, video) di sini
</div></div></div>

Keterangan:
Judul Spoiler: bisa dirubah dengan yang lainnya
Buka/Tutup: tulisan yang berada di tombol spoiler

Letakkan tulisan atau gambar atau video yang mau disembunyikan (di-spoiler), kemudian Publish atau Terbitkan Entri.

Sebagai contoh seperti dibawah ini

Foto Ayam Kampus Bugil:

Nah, semoga tips ini berguna untuk anda ;)
Salam...