Kamis, 13 Oktober 2011

cara mudah membuat spoiler pada halaman blog

          setelah aku mencari cara membuat spoiler, beberapa capa saya temukan, namun ada cara yang lebih mudah membuat spoiler pada blog anda. caranya:

pertama : copy kode di dalam kode di bawah ini.

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

letakkan isi spoiler disini.


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


kedua, pada lembar postingan, klik edit html.

lalu paste kode di atas tadi. jika sudah Terbitkan entri .

dan hasilnya seperti ini:

Judul Spoiler:







 
◄ Newer Post Older Post ►