Sabtu, 09 Juli 2011

Cara Membuat Spoiler

Fungsi Spoiler adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Jadi jika anda ingin memposting script yang panjang, anda tidak perlu susah berfikir bagaimana menghemat tempat. anda tinggal pasang spoiler seperti ini

Spoiler:

TULIS SESUATU DI SINI



kode untuk membuat spoiler diatas adalah

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

TULIS SESUATU DI SINI

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

anda tinggal menyalin kode diatas pada posting anda. tapi ingat anda harus menulis pada jendela Edit html bukan compose. karena jika ditulis pada compose hanya keluar script yang anda coppy bukan tampilan spoilernya. Selamat mencoba....

0 komentar:

Posting Komentar