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.
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.
No comments:
Post a Comment
[-] Terimakasih atas kunjungan nya.
[-] Jangan lupa komentar Gan.
[-] Saling Follow Blog akan di follow back 100% aman.