Senin, 03 Januari 2011

Cara membuat spoiler atau kotak buka tutup


Cara membuat spoiler di blog ini cukup mudah anda hanya tinggal copy paste kode di bawah ini dan silahkan gunakan di blog anda bisa dengan cara menambah Gadget HTML/Javascript bisa juga di simpan di postingan dengan cara beralih ke mode edit html.

<div style="margin: 5px;">
<div class="normalfont" style="margin-bottom: 2px;">
<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'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKA'; }" style="background: none repeat scroll 0% 0% rgb(0, 102, 204); color: #ffffcc; font-size: 11px; margin: 0px; padding: 5px; width: 30%;" type="button" value="BUKA" /></div>
<div class="alt2">
<div style="display: none;">
<div style="color: blue; padding: 10px; text-align: justify;">
Disini tulisan anda atau gambar
</div>
</div>
</div>
</div>

Jangan ganti tulisannya dengan gambar atau postingan anda.