Jumat, 21 Desember 2012

Membuat Spoiler

Spoiler adalah sebuah elemen blog untuk menyimpan data ataupun gambar agar data atau gambar tersebut bisa buka atau tutup secara manual.

Spoiler ini juga bisa digunakan untuk menyimpan code scrip

contoh spoiler :


Dua Sejoli:

Berikut scrip code untuk 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>

Kett :
Warna Merah : Judul Spoiler, silahkan ganti sesuai keinginan anda.
Warna Kuning : Tempat meletakkan teks atau code script ataupun gambar/video