Home » » Cara Membuat Spoiler Di Blogspot

Cara Membuat Spoiler Di Blogspot

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.

<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://blogger-sidakaton.blogspot.com/logo.gif">
atau tulisan lain 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:
dul ortega, Bloggersidakaton
atau tulisan yang akan ditambahkan
Selamat mencoba dan semoga berhasil
Bagikan ke:

Posting Komentar

 
Copyright © 2011 - 2012. Agoengsang - All Rights Reserved Sitemap · Privacy Policy · Pasang Iklan Proudly Powered by Blogger