Cara Membuat Spoiler di Blog

Spoiler adalah istilah untuk menyembunyikan suatu data baik berupa text, gambar, video, atau mungkin javascript. Tujuan dari spoiler adalah untuk membuat postingan/artikel blog lebih eyefriendly karena disini dimaksudkan untuk menyederhanakan isi dalam suatu artikel. Atau bisa juga untuk tujuan yang lain.


Contohnya seperti ini:

Spoiler:

Halo :)

Lebih jelasnya manfaat dari penggunaan spoiler ini dapat andalihat di postingan saya yang ini
Sabun-sabun yang Unik

Untuk langkah-langkahnya cukup mudah,

anda copy semua kode dibawah


<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">Spoiler: <input value="Lihat" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Lihat'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI KODE HTML,SCRIPT,TEXT,GAMBAR DISINI
<br>
</div>
</div>
</div>

Setelah itu anda masuk ke entri baru / new post yang akan dibuat spoiler. Lalu pilih HTML (sebelah kanan compose), kemudian paste kode diatas disitu.

Setelah itu tulisan warna merah datas bisa anda ganti dengan teks,gambar,dll..

Selamat mencoba sobat, semoga berhasil ^_^