Cara Membuat Spoiler Di Blog

Spoiler hampir sama halnya dengan Menu Drop Down yang telah diposting di blog ini.
Fungsi untuk meletakkan Teks atau gambar. Namun lebih sering digunakan untuk
menyembunyikan kode Script, HTML maupun kode-kode lainnya.

Berikut ini adalah contoh dari Spoiler tersebut :

Spoiler hampir sama halnya dengan Menu Drop
Down yang telah diposting di blog ini. Fungsi untuk
meletakkan Teks atau gambar. Namun lebih sering
digunakan untuk menyembunyikan kode Script,
HTML maupun kode-kode lainnya.

Membuat Spoiler ini amat mudah. Copy kode yang terdapat yang ada di bawah ini
lalu masukkan ke dalam konten Gadget HTML/JavaScript atau Letakkan pada
postingan bila Anda ingin menggunakannya sebagai penyimpan teks / kode turorial.
Ingat! saat meletakkan kodenya harus dalam modus Edit HTML bukan Compose.

Inilah kode Spoiler yang dimaksud :

<center><div>
<div style="margin: 7px;">
<div class="smallfont" style="margin-bottom: 3px;">
<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 = 'TUTUP SPOILER'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = '';this.value = 'BUKA SPOILER'; }" style="font-size: 12px; margin: 7px; padding: 0px;" type="button" value="BUKA SPOILER" /></div>
<div class="alt2" style="-moz-border-radius: 10px 10px 10px 10px; border: 2px solid; padding: 7px;">
<div style="display: none;">
Letakkan di sini</div>
</div>
</div>
</div>
</center>

KETERANGAN :

Masukkan Teks, Kode atau URL Gambar Anda
pada kalimat Letakkan di sini.

Selamat mencoba, good luck!