Minggu, 21 Agustus 2011

Cara membuat Spoiler

spoiler berfungsi untuk menyembunyikan teks, gambar, ataupun tempat untuk menyiman kode.
untuk mengaplikasikannya pada postingan sobat copy saja langsung kode yang berapa pada spoiler dibawah ini..!!!





KOde

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



SEMOGA BERMANFAAT

0 komentar:

Posting Komentar

Terimakasih untuk budayakan berkomentar selelah membaca

"Blogs Online"
"Dari Hati Untuk Anda"