Cara Membuat Spoiler Buka Tutup

Spoiler ini bisa di gunakan jika artikel sobat cukup panjang dan bermanfaat untuk menyembunyikan gambar,script,tulisan atau lain-lain sehingga membuat halaman blog sobat menjadi sedikit lebih ringan loadingnya,kenapa lebih ringan?
karena postingan sobat yang panjang lebar bisa di sembunyikan dan tidak terbuka semua secara langsung,sebagai contoh silahkan sobat klik tulisan ''BUKA'' pada spoiler di bawah ini.



Cara Pemasangannya 
  • Pilih tempat yang akan di pasang spoiler ini,baik di postingan atau di sidebar.
  • Kalau sobat ingin pasang di postingan,maka sobat taruh di bagian HTML bukan COMPOSE.
  • Copy script di bawah ini.
</span></b><br /><div style="margin-bottom: 2px;"><div style="margin-top: 5px; text-align: center;"><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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin-top: 5px; width: 100px;" type="button" value="Buka" /> </div><div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">GANTI DENGAN TULISAN/SCRIPT/GAMBAR ANDA DISINI</div></div></div>
  • Jika sudah lihat hasilnya,maka tombol buka tutup ini siap untuk di gunakan
Jika ada yang perlu ditanyakan,silahkan tinggalkan komentar,semoga bermanfaat.

No comments:

Post a Comment