A. Menyembunyikan text dengan Spoiler
Untuk menyembunyikan sebagian text dalam postingan website biasa disebut dengan spoiler.
Spoiler merupakan cara untuk menyembunyikan seluruh atau sebagian isi dari posting. Spoiler bertujuan untuk menghemat space halaman posting. spoiler dapat menyembunyikan text dan gambar.
B. Cara membuat Spoiler
Spiler dapat dibuat dalam postingan website, cara membuatnya seperti berikut (contoh pada wordpress):
- Buat postigan baru
2. Pada menu posting pilih menu Edit as HTML
3. masukkan kode berikut pada text atau kalimat yang akan disembunyikan
<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="buka" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">
Gantilah Kalimat ini menjadi kalimat yang diinginkan
</div>
</div>
</div>
4. Contoh diatas dapat dilihat hasilnya seperti dibawah ini
Leave a Reply