Memasang Spoiler (buka-tutup) pada postingan blog

Ass...wr...wb...

Para sobat setia blog ketemu lagi dengan saya.prikitiew...
kali ini saya akan membahas tentang bagaimana memasang spoiler (buka-tutup) pada postingan.kegunaan spoiler ini agar area postingan tidak terlalu memanjang ke bawah sehingga para pembaca bingung untuk membacanya.

Tanpa basa basi langsung saja kita bahas,berikut langkah-langkahnya :

1. seperti biasa login blog pastinya dengan account sobat.

2. tambahkan kode berikut.jangan lupa area postingan berada di tag Edit HTML.

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b></b> <input value="OPEN" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


Letakkan kode script, HTML dan teks anda disini



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

Keterangan :

1. Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan.
2. Width : 55px untuk lebar spoiler.
3. Font-size: 11px untuk besar tulisan pada kotak spoiler.

3. setelah selesai memasang spoiler silahkan untuk memilih petinjau terlebih dahulu apabila sobat belum yakin akan hasilnya dan apabila sobat sudah yakin sobat bisa langsung memilih terbit entri.

dan apa yang terjadi....lihat hasilnya sendiri...:D
selamat mencoba dan salam sukses..
dan jangan lupa untuk meningggalkan pesan atau komentar tentang postingan ini walaupun sepatah atau duapatah kata...dan terima kasih atas kunjungannnya.