Rabu, 14 Maret 2012

membuat spoiler pada blog

spoiler adalah (kalo g salah sih)
cara untuk menyembunyikan sebagian atau seluruh konten agar memperingkas,dan mengurangi waktu loading,
kita bisa memilih untuk membuka atau tidak konten tsb pada tombol 'show'

nah lo.... eike bingung juga.... cekedot lah pokonya....

1.masuk ke blog anda
2.klik entri baru dan copas kode html di bawah ini




kode html untuk spoiler:



<div><div style="margin: 5px;"><br /> <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; " 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"/><br /> </div><br /> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><br /> <div style="display: none;"><br /> KOSONG <br /> </div></div></div></div>





3.ganti tulisan "KOSONG" dengan isi blog anda,bisa text ato gambar....
4.terbitkan entri tsb dan JENG-JENG!!!!!!!!!!!!!!!!!



Tentang bla..bla.bla..



KOSONG




sumber:googling
muter muter di blog blog orang pokonya mah... :3



buka lagi!!!! penting!!!