Cara Membuat Spoiler di Postingan Blog

Membuat spoiler di blog adalah salah satu cara untuk membuat blog lebih terlihat simpel.Dalam spoiler ini, dapat digunakan untuk menyembunyikan teks, gambar, maupun video. Pembuatan spoiler dilakukan posisi entri / edit postingan harus dalam bentuk EDIT HTML bukan Compose. Semua harus dalam bentuk script text terlebih dahulu.

Cara Membuat Spoiler di Postingan Blog - Tiada henti hentinnya saya akan memberikan tutorial tentang blog dan kali ini saya akan memberikan Cara Membuat Spoiler di Postingan Blog cara membuat nya sangat mudah anda tinggal memperhatikan , membaca dan memahami penjelasan yang saya berikan dibawah ini.

Cara Membuat Spoiler Pada Postingan Blog :
1. Login ke blogger
2. Kemudian tulis postingan baru
3. Ganti tab Compose dengan tab HTML

4. Masukan kode di bawah ini

<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: center;">
<input 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin-top: 5px; width: 60px;" type="button" value="Open" /> </div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Coba teks atau gambar yang mau dimasukan

</div>
</div>
</div>

5. Ganti kode yang berwarna Merah Tebal dengan konten yang akan sobat yang akan di sembunyikan.
6. Kode yang berwarna Hijau tebal bisa sobat ganti sesuai selera sobat.

Nah simpel dan mudah kan Sobat, selamat mempelajari dan mencoba!!!