Menyembunyikan teks dan gambar pada blog dengan cara membuat spoiler show hidden

Dalam membuat artikel / posting pada blog kadang mengharuskan menampilkan gambar, atau teks yang panjang, sehingga blog anda tidak bisa kelihatan ringkas dan rapi.

Saya punya tips agar posting / artikel lebih terlihat rapi meskipun harus dengan menampilkan gambar yang besar, atau teks yang panjang sekalipun.

Caranya yaitu dengan membuat " spoiler show hidden ".

Dengan membuat spoiler show hidden ini, maka teks atau gambar akan di sembunyikan / hidden dari tampilan, tapi pengunjung blog masih tetap bisa melihat file teks atau gambar tersebut dengan meng-klik tombol show hidden. dengan begitu kita tidak perlu kwatir lagi jika ingin membuat posting dengan gambar-gambar yang besar atau teks yang panjang yang masih bisa untuk di hidden dengan spoiler ini. 

Sebagai contoh tampilannya adalah seperti dibawah ini :

Klik untuk melihat 

Anda juga tertarik untuk membuat spoiler show hiden ini di blog anda agar lebih rapi?

Ini dia scriptnya :

<div><div style="margin-bottom: 3px;"><i><b><small>Klik untuk melihat </small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }" type="button" /></div>
<div style="border: 0px ; margin: 0px; padding: 0px;"><div style="display: none;">

LETAKKAN TEKS ATAU GAMBAR ANDA DISINI
LETAKKAN TEKS ATAU GAMBAR ANDA DISINI
LETAKKAN TEKS ATAU GAMBAR ANDA DISINI
LETAKKAN TEKS ATAU GAMBAR ANDA DISINI

</div></div></div>

Silahkan anda copy lalu paste-kan ke HTML blog anda.

Selamat mencoba, Semoga bermanfaat