spoiler bisa difungsikan untuk memperkecil postingan, code script atau text agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar.
Spoiler ini bisa sobat letakkan di postingan, mungkin sobat gunakan untuk meletakkan kode script yang panjang. Atau bisa juga meletakkan di sidebar, header atau footer blog.
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</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;">
letakan code script, html atau text biasa disini
<br>
</div>
</div>
</div>
keterangan :
- untuk text Open atau Close bisa anda ubah sesuai keinginan
- Width : 55px untuk lebar spoiler
- Font-size 11px untuk besar text pada kotak spoiler
- text spoiler, adalah judul. silahkan ubah sesuai keinginan
selamat mencoba!
Related Posts by Categories
1 komentar:
bagaimana menurut anda blog/isi yang di hadirkan? mohon kritik dan saran dari anda untuk membangun blog ini.
Posting Komentar