ShoutMix chat widget

Sabtu, 26 Juni 2010

Membuat spoiler untuk posting

Memakai spoiler di blog memberikan keuntungan tersendiri bagi pemilik blog maupun pengunjung blog. Terutama pada artikel yang mengandung banyak sekali teks, ataupun gambar. Karena spoiler ini bisa menghemat space tempat. Selain di posting, spoiler juga bisa digunakan untuk yang lain (yang intinya untuk menghemat space halaman)

Contoh Spoiler :







Contoh Spoiler




Cara masangnya cukup Copas brikut...






<div style="margin: 5px;">
<div class="bigfont" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Open" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukkan Text Kamu disini
</div>
</div>
</div>




Mudahkan selamat mencoba y....

0 comments:

Posting Komentar