Pembahasan kali ini mengenai cara memasang tombol spoiler di dalam postingan blog. Dengan memasang spoiler atau tombol buka tutup pada postingan akan membuat irit ruangan postingan yang terlalu banyak / terlalu panjang sehingga tidak membuat loading terlalu berat apalagi postingan dengan menyertakan gambar dengan resolusi besar.
Cara Membuat Tombol Buka Tutup Di Dalam Postingan Blog :
Terlebih dahulu anda buat suatu artikel dan cara memasang tombol spoiler (open and close) didalam postingan harus dalam posisi HTML (bukan Compose), dan kodenya seperti dibawah ini :
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>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;">
Tempat meletakkan gambar atau kode html
</div></div></div></div>
Keterangan :
Teks warna merah silahkan diisi dengan gambar atau lainnya
Contohnya spoiler seperti ini :
Spoiler :
