Bagaimana Cara Membuat Spolier?...

Cara Membuat Spoiler.Sebenernya sih ini gampang pasti buat para Blogger sudah tau apa itu Spoiler.Yang saya tau Spoiler itu gunanya untuk menghemat tempat agar tidak terlalu Lebar ataupun Kebesaran,itu sepengetahuan saya.

Langsung aja ....

Langkah - Langkahnya seperti ini....

<center><div><div style="margin: 0px;"><div style="margin-bottom: 0px;" class="smallfont"><input style="margin: 0px; padding: 0px; width: auto; font-size: 12px;" value="BUKA" 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"/><p><div class="alt12"><div style="display: none;"><div style="border: 1px solid #363636; text-align: center;">ISI TEXT / GAMBAR ANDA DISINI</div></div></div></p></div></div></div></center>

Jadinya akan seperti ini 

ISI TEXT / GAMBAR ANDA DISINI

Atau pake cara yang seperti ini

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>

Jadinya akan seperti ini

Tentang bla..bla.bla..

isi spoiler yang akan anda isi...

Keterangan:

• Ganti tulisan berwana Biru dengan Judul atau apalh tersera anda

Posted in: Komputer,Pelajaran,Tips n Trick