Cara Membuat Spoiler Di Blog | Blog Tutorial

Spoiler adalah tempat dimana kita dapat menutup dan membuka sebagian konten yang kita inginkan.
Contohnya adalah yang dibawah ini.
Coba klik tombol Show. Apakah yang akan terjadi?

Coba Klik>>

Cara Membuat Spoiler Di Blog | Blog Tutorial

Untuk memasukkannya ke dalam blog anda, ikutilah langkah langkah berikut ini:
1. Login ke akun Blogger anda
2. Masukkan kode dibawah ini di tempat yang anda inginkan(POSTING|GADGET)


<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-family: 'Courier New', Courier, monospace; font-weight: bold;"><u>Coba Klik&gt;&gt;</u></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="margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">


ISI YANG INGIN ANDA MASUKKAN


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


Keterangan:
Ganti Coba Klik dengan kata kata yang anda inginkan, misalnya Kode
Ganti Show dengan kata kata yang anda inginkan, misalnya Tampilkan
Ganti ISI YANG INGIN ANDA MASUKKAN dengan kode|kata kata yang anda inginkan.

dan hasilnya adalah seperti yang dibawah ini.

Coba Klik>>

ISI YANG INGIN ANDA MASUKKAN

3. Klik Simpan|Terbitkan.