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 mengguna-
kannya 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, tetap good luck!