Jumat, 06 April 2012

Cara Membuat Spoiler Di Blogspot

Cyber4rt | Spoiler banyak digunakan untuk menyembunyikan gambar yang beresolusi tinggi sehingga dapat mempercepat loading halaman web atau blog. Untuk membuatnya adalah dengan meletakkan script dibawah ini didalam postingan.

Script spoiler adalah sbb :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Nama 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;">
<img arc="http://www.cyber4rt.com/logo.gif
">
atau tulisan yang akan ditambahkan

</div>
</div>
</div>
nb: ganti tulisan yang berwarna merah sesuai dengan keinginan anda.

Hasilnya akan tampak seperti di bawah ini :
Nama Spoiler:

atau tulisan yang akan ditambahkan

Selamat mencoba dan semoga berhasil.

0 komentar:

Posting Komentar