Cara Membuat Spoiler (Buka Tutup) di Blog

Membuat Spoiler di postingan blog, mungkin sobat sudah tidak asing lagi dengan yang namanya spoiler mungkin dalam dunia blogger menggunakan spoiler tidak lah begitu penting, namun sebagian orang menganggapnya penting, termasuk saya :) karena menggunakan spoiler menurut saya cukup menghemat ruang apalagi saat memasukkan artikel yang lumayan panjang/ biasa juga orang menggunakannya sebagai tag pre

Bagi pengguna kaskus / yang lebih akrab disebut kaskuser tentu faham apa itu spoiler,  tidak asing lagi dengan yang namanya spoiler. Spoiler biasanya dipakai untuk menyembunyikan gambar atau tulisan, saat diklik tombol [open] baru tulisan atau gambar tersebut terbuka.


Memasangnya juga tidak rumit, hanya menyisipkan kode-kode di HTML ingat ya di HTML bukan di Compose

Contohnya Seperti Ini

Judul Spoiler :
SAYA JELEK
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom:
2px;"><b>Judul 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; text-align: left;"><div style="display: none;">
SPOILER DISINI
</div></div></div>
Keterangan
  • Copy & Paste kode diatas di lokasi yang akan dipasang spoiler.
  • Ganti tulisan warna biru dengan judul spoiler yang diinginkan.
  • Ganti tulisan warna merah dengan isi spoiler

Contoh untuk isi spoiler gambar, kodenya <img src="URL GAMBAR" height="tinggi-gambar" width="lebar-gambar">

Demikian Cara Membuat Spoiler (Buka Tutup) di Blog semoga bermanfaat, untuk hal-hal yang kurang dimengerti bisa langsung ditanyakan dikomentar