Headlines News :
Home » » Cara Membuat Spoiler Di Blogspot

Cara Membuat Spoiler Di Blogspot

Written By Anonymous on Saturday, September 22, 2012 | 1:53 AM

Islamic Defenders - 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 : 
Code Script:


 <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;">
    Isi dengan Foto
    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:
Isi dengan Foto atau tulisan yang akan ditambahkan


 Selamat mencoba dan semoga berhasil.
Raih Amal shalih sebarkan ini :

Silahkan berkomentar

Gunakan sopan santun sebagai tanda orang yang berakhlaq baik

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Islamic Defenders Community - All Rights Reserved
Islamic Defenders Community | Komunitas Pembela Islam