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>

Contoh :

Klik Untuk melihat

Cara memasangnya di postingan blog :

1. login ke blogger

2. buat entri baru

3  klik Edit HTML disebelah Copose

4. copy paste kode diatas

Cara menggunakannya di sidebar (untuk menghidden widget)

1. login ke blogger

2. klik elemen laman

3. tambah gadget di bagian sidebar blog

4. copy paste kode diatas

Catatan

Ganti tulisan yang berwana Merah sesuai dengan kebutuhan Anda

Untuk tumbol hidden yang menggunakan box image silahkan Anda klik Disini