Cara Membuat Spoiler di Blog - IRWANSULAIMAN

Sunday, July 8

Cara Membuat Spoiler di Blog

Cara Membuat Spoiler di Blog ini sudah tidak asing lagi dan sudah banyak tersebar luas di internet, tapi apa salahnya saya share kembali  di blog saya ini, hitung-hitung ikut meramaikan. Spoiler ini gunanya untuk menyembunyikan gambar, file atau postingan  agar rapi dan tidak memakan tempat, lihat contoh di bawah ini.

Cara Membuat Spoiler di blog
Bagi sobat yang ingin membuat Spoiler di blog silahkan lihat kode di bawah ini.
<div style="margin-bottom: 2px;">Show<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin- top: 5px; width: 60px; font- size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode. getElementsByTagName('div') [1].getElementsByTagName ('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </ div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">


Simpan File di yang ingin di sembunyikan
</div></div></div>
Catatan : tulisan yang berwarna merah isi dengan file, atau gambar postingan yang ingin di sembunyikan simpan kode spoiler di sidebar atau di dalam postingan.

Demikian postingan saya Cara Membuat Spoiler di Blog semoga bermanfaat.
Comments

2 comments


EmoticonEmoticon