Cara menyembunyikan gambar di postingan blog dengan Spoiter

Gimana Sih cara nyembunyiin gambar dipostingan blog? oke sekarang saya bakalan ngeshare caranya kepada oom2 semua, simak ya om :hehe
Contoh Sploiter yang akan kita buat seperti dibawah:

Pertama-tama kita masuk ke Blogger > Entri Baru > lalu masuk ke Tab HTML

 

Trus Copy dan Pastekan Kode HTML berikut :

<div id="spoiler"><div> <input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT GAMBAR'; }" name="button" type="button" value="LIHAT GAMBAR" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"> <img class="aligncenter" src="LINK" alt="monyet" width="400" height="241" /> </div><div id="hide"></div></div></div>

Pada tulisan LINK yang telah saya tandai, isikan dengan Link gambar anda, misalkan:

<img class="aligncenter" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5TbdkzqJXYNWHluLZ5ujVu-eUNp6pHzagNCNkumqGby6Q5b7QsRZwjXEVbaXD_6ffA6lhj5zSXQjBVeTGARJAKR6ZVRS7JcFVgju1qFiKv9Bu2j8t1_nzIXXspczKeWz0F4TWH4Chxkx9/s1600/iniblog.PNG" width="400" />

Mudah bukan, yuk terus sama-sama belajar demi masa depan yang lebih cemerlang, See you again :cool