Membuat fungsi spoiler pada artikel

Terkadang ada konten kita yang terlalu panjang, itu terkadang membuat blog kita semakin tak beraturan.
Menambahkan fungsi spoiler pada artikel mungkin bisa kita lakukan untuk mempersingkat suatu konten di artikel kita.

Kita hanya menambahkan script berikut ke dalam artikel kita :

<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;">


Letakkan kode script, HTML dan teks anda disini



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


Dan inilah hasilnya :

Spoiler:

Terimakasih kunjungan anda , semoga apa yang kami berikan bermanfaat. Jangan lupa komentar atau isi BUKU TAMU :)

Artikel ini dapat dikopi dengan tanpa menambah atau mengurangi kata/kalimat yang ada.
Semoga bermanfaat.
Terima Kasih