Cara Membuat Spoiler Untuk HTML, SCRIPT dan GAMBAR di Blog

Kali ini saya akan membahas tentang membuat spoiler. Spoiler biasanya digunakan untuk kode HTML, Script, ataupun Gambar agar terlihat rapi, dan menghemat waktu loading. Jika spoiler nya gambar yang sangat banyak akan sulit pengunjung karena lama loadingnya.

Kode Spoiler:

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Disini Kode, Text atau script yang akan disisipkan. <br> </div> </div> </div>

Ganti kata "Judul Spoiler" dengan judul spoiler anda dan "Disini Kode, Text atau script yang akan disisipkan"  dengan isi spoiler
Hasilnya akan seperti ini

Judul Spoiler:

Disini Kode, Text atau script yang akan disisipkan.

Itu saja dari Rizki Computer tentang Cara Membuat Spoiler Untuk HTML, SCRIPT dan GAMBAR di Blog. Semoga bermanfaat. Sekian dan Terimakasih.

Artikel Terkait

Posted in: Tutorial Blog