Cara Membuat Spoiler Di Blog

Ya,pada kesempatan kali ini,haviz snakepit akan memposting tentang Cara Membuat Spoiler Di Blog,langsung saja lihat caranya dibawah ini.

Caranya mudah sekali, tinggal masukin saja kode html berikut ini : 

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

Letakkan teks atau kode script (gambar atau video) di sini

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

Kita dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga Buka dan Tutup.
Mudah sekali kan ??? 

Nah,sekian dulu semoga bermanfaat . . . 
Tinggalkan komentar,jika ada yang ingin ditanyakan . . .