Cara Membuat Spoiler Vol 2 di Blog

Tutorial Blog | Tips | Trik | SEO - Ini adalah spoiler soft yang simple tapi juga elegan. spoiler ini cocok bagi anda yang suka dengan suasana halaman blog minimalis & simple. langsung saja ini kode HTML nya.

<div style="padding: 10px; border:1px solid #ccc;background:#e9eef2">
<div style="margin-bottom: 2px;"><b>Judul Spoiler Soft:</b>
<input value="Buka" style="border:0px solid #000;margin:0px; width: 60px;color:#fff; font-size: 10px; height:20px; background:#323c47" 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 style="margin: 10px; padding: 0px; border: 0px inset #fff;">
<div style='display:none'>ISI SPOILER</div>
</div>
</div>

dibawah ini adalah hasil dari kode HTML yang diatas. kalau masih bingung bisa melihat postingan sebelumnya.

Hasilnya akan seperti dibawah ini

Judul Spoiler Soft:

ISI SPOILER