Cara Membuat Spoiler di Blog

Cara Membuat Spoiler di Blog - Bagi yang sering nongkrong di forum pasti kenal istilah spoiler. Fungsinya untuk menyembunyikan file, entak itu dokumen, foto, video, dan sebagainya. Cara membuat spoiler di blog sangat mudah.

Kopi pasti kode di bawah ini. Ganti ‘judul’ sesuai selera dan masukkan ‘isi spoiler’ (artikel, kode foto yang sudah diupload, embed video, dll)

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> Judul</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Isi Spoiler
</div></div></div></div>

Contoh:

Ayam Kampus Bugil