Cara Membuat Spoiler pada Blog


Andryemos berbagi ilmu mengenai pembuatan spoiler. Spoiler berfungsi untuk menyembunyikan suatu konten baik gambar atau tulisan di postingan. Dengan pemberian spoiler di posting blog, dapat membuat postingan yang terlalu panjang menjadi pendek. karena ada beberapa konten yang di sebunyikan dan akan terlihat ketika si visitor menghendaki nya. ok, langsung saja ke pembuatan spoiler pada postingan blog.

1. Pilih postingan yang akan di beri spoiler.
2. Pilih tab HTML pada postingan.
3. Masukkan kode di bawah ini

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

4. Setelah itu lihat dengan memilih tab compose, apakah spoilernya sudah cocok. kalau sudah cocok, pumblikasikan postingan agan kalau pengen di publikasikan :D

Sekian postingan singkat dari andryemos, semoga bisa membantu agan-agan yang kesulitan dalam pembuatan spoiler.