MENYEMBUNYIKAN SEBAGIAN TEXT PADA WEBSITE

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):

  1. 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


Be the first to comment

Leave a Reply

Your email address will not be published.


*