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: 

Selamat mencoba dan semoga berhasil.


sumber : blog chyber4t.com

Posting ini telah dilihat sebanyak (Beberapa kali)

Baca juga artikel lainya

Posted in: blog,NEW,SITE MAP