Cara Membuat Spoiler

Apa itu spoiler? Spoiler adalah salah satu cara/teknik untuk menyembunyikan seluruh atau sebagian isi dari posting. Entah itu gambar, kuotasi atau teks biasa dengan tujuan untuk menghemat space halaman posting, supaya tidak terlalu panjang ke bawah.
Fungsi utama dari spoiler adalah mengurangi beban pada saat loading.Spoiler adalah salah satu cara/teknik untuk menyembunyikan seluruh atau sebagian isi dari posting. Entah itu gambar, kuotasi atau teks biasa dengan tujuan untuk menghemat space halaman posting, supaya tidak terlalu panjang ke bawah.
Dari pada makin bingung langsung saja saya kasih tahu bagaimana cara membuatnya.

contohnya dibawah ini :
Judul Spoiler:

Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2




Caranya seperti ini :

kopas kode yang ada dalam kotak dibawah ini
Judul Spoiler:
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <input 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'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2

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


Cukup mudah bukan??
Sekian dari saya tentang Cara Membuat Spoiler

1 komentar:

  1. makasih infonya sangat bermanfaat, karena dengan dipasangnya spoiler pada postingan yang menggunakan gambar dengan size besar, akan lebih mempercepat loading blog

    BalasHapus