Jumat, 10 Agustus 2012

Cara membuat spoiler di blog


Spoiler adalah media untuk merapikan tulisan kita atau untuk menghemat ruangan kalau di forum bisa juga untuk menyembunyikan barang biar pas di buka pada ngakaks tapi menurut saya si fungsi utamanya ya untuk merapikan.Nah,ga usah panjang lebar lagi langsung simakk kawan.

1. Seperti biasa kawan login blogger dlu
2. Kawan bikin postingan seperti biasa
3. Kalau sudah sampai pada bagian yang mau di spoiler kawan klik HTML
4. Copy kode di bawah ini.

<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>

5. Tulisan dengan warna ini kawan ganti aja sesuai dengan keinginan kawan
6. Publish/sebarkan deh


Nih saya ada samplenya di bawah kawan.
JUDUL SPOILER
ISI NYA (Terserah anda)