Cara mudah membuat spoiler

Spoiler adalah untuk menyembunyikan tulisan supaya terlihat ringkas atau rapi dengan klik show maka tulisan akan muncul dan hide untuk menyembunyikan kembali. caranya sangat mudah tapi bagi orang yang belum tahu kelihatannya sangat sulit, nah jika belum tahu ini lho caranya...

untuk membuatnya tinggal copy paste aja code di bawah ini dan jangan lupa ganti judulnya dan isi spoilernya untuk tulisan kamu. oiya copynya di post bukan di widget pilih HTML jg jangan pakai Compose. oke!

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoiler </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>

Gampang bukan???? :D Contohnya di bawah ini..

LOVE

LOVE IS CINTA HEHEHEE