Cara Membuat Tombol Hidden di Blog

Jika anda seorang kaskuser mungkin anda sudah tau apa itu tombol hidden, Yup,, di forum sosial tersebut tombol hidden ini sering digunakan untuk menyembunyikan suatu image atau tulisan agar loading page tidak berat. Sama juga fungsinya di blogger, namun cara membuat tombol hidden di blogger berbeda dengan di kaskus. Jika di kaskus menggunakan script " <spoiler= judul> IMAGE </spoiler> maka di blogspot seperti penjelasan di bawah ini

Cara Membuat Tombol Hidden di Blog

<div><div style="margin-bottom: 2px;"><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('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;">

 disini anda meletakkan artikel / gambar atau terserah anda.

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