Membuat Spoiler Pada Post Blog

Cara membuat Spoiler Pada Postingan Blog. Spoiler berfungsi untuk menyembunyikan sebagian tulisan yang anda inginkan. Bagaimana cara membuat Spoiler di blog? atau bagaimana cara membuat spoiller pada postingan blog? Anda boleh lihat dahulu contoh Spoiler di bawah ini.

Kode

TAMBAHKAN DISINI KODE YANG INGIN ANDA SEMBUNYIKAN

Bagaimana cara membuat Spoiler pada postingan Blog?
Caranya sangat mudah, anda hanya perlu menambahkan kode spoiler pada postingan atau sebahagian ayat yang ingin anda sembunyikan. Berikut ini kode dan cara membuat Spoiler pada postingan blog.

Cara membuat Spoiler pada Postingan Blog

• Copy kode di bawah ini dan paste pada postingan anda

<div style="margin: 5px;">
<div style="margin-bottom: 2px;">
<span style="font-weight: bold;">Kode</span>
<input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 2px;">
<div style="display: none;">
TAMBAHKAN DISINI KODE YANG INGIN ANDA SEMBUNYIKAN</div>
</div>
</div>


Selesai, selamat mencuba dan semoga berjaya.