Cara membuat spoiler pada post

Trik blog,Apa spoiler itu?Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, dll.ini digunakan untuk mempercepat loading blog kita
tertarik?mari kita buat

-Membuat spoiler yang menyembunyikan text

Apa spoiler itu?Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, dll.ini digunakan untuk mempercepat loading blog kita
tertarik?mari kita buat

kodenya:
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" 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'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Apa spoiler itu?Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, dll.ini digunakan untuk mempercepat loading blog kita
tertarik?mari kita buat</div></div></div>


-Membuat spoiler yang menyembunyikan gambar

.

Kodenya:
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" 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'; }" type="button">
</div>
<div class="alt2" style="border: 0px none ; margin: 0px; padding: 6px;"><div style="display: none;"><div style="background: rgb(180, 123, 16) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwIfMVCzTn29Te_IGomXtJvBWLiNfx-sBbQoUkrmjB2iwiodjAhCKx5XHGSJbb1EXU_P5n8Jsfb4gfybFn4X2RN4z_MyFWO1fdnHSAX5W_wvPXuZOPm3Whjyl-UzzZ22W53Vt5ci_Waqha/s1600-h/Lawak.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 305px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwIfMVCzTn29Te_IGomXtJvBWLiNfx-sBbQoUkrmjB2iwiodjAhCKx5XHGSJbb1EXU_P5n8Jsfb4gfybFn4X2RN4z_MyFWO1fdnHSAX5W_wvPXuZOPm3Whjyl-UzzZ22W53Vt5ci_Waqha/s400/Lawak.jpg" alt="" id="BLOGGER_PHOTO_ID_5425016435368354930" border="0" /></a>.</div></div></div></div>

*keterangan:
kode yang berwarna orange adalah alamat gambar
Selamat mencoba!