Trik Cara Membuat Tombol Hidden di Postingan Blog Trik Cara Membuat Tombol Hidden di Postingan Blog

Kadangkala kita menulis artikel dengan menampilkan foto-foto yang banyak membuat postingan di blog menjadi lebih panjang ke bawah, hal ini dapat membuat pengunjung blog kita menjadi malas. Hal ini bisa diatasi dengan menerapkan tombol hidden untuk menyembunyikan foto-foto atau hal-hal lainnya.

Tombol hidden merupakan salah satu trik untuk menghindari panjangnya postingan/artikel kita di blog, melalui hal ini dapat memudahkan dan memberikan kenyamanan pada pengunjung blog kita.

Terima kasih kepada Super-Bee yang membagi triknya ini.
Contoh dari trik ini yaitu :

Klik Untuk melihat

Kadangkala kita menulis artikel dengan menampilkan foto-foto yang banyak membuat postingan di blog menjadi lebih panjang ke bawah, hal ini dapat membuat pengunjung blog kita menjadi malas. Hal ini bisa diatasi dengan menerapkan tombol hidden untuk menyembunyikan foto-foto atau hal-hal lainnya. Tombol hidden merupakan salah satu trik untuk menghindari panjangnya postingan/artikel kita di blog, melalui hal ini dapat memudahkan dan memberikan kenyamanan pada pengunjung blog kita.

Nih kode scriptnya

'<div>
<div style="margin-bottom: 2px;">
<i><b><small>Klik Untuk melihat</small></b></i><input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan foto-foto atau artikel atau hal-hal lainnya disini</div>
</div>
</div>'