Cara membuat tombol Show dan Hide di Blog

Cara membuat tombol Show dan Hide di Blog

Tombol untuk menyembunyikan dan menampilkan konten ini biasanya disebut spoiler. Sangat berfungsi untuk menghemat panjangnya suatu posting akibat gambar atau konten lainnya


Contohnya dapat dilihat dibawah ini :

cource code

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</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;">



ISI NYA (Terserah anda)



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

cara membuatnya : anda hanya perlu mengcopy-paste script didalam spoiler diatas, kemudian edit sesuai dengan keperluan anda. Kemudian paste pada konten postingan anda..

selamat mencoba.. :mantap

Cara membuat tombol Show dan Hide di Blog

• Share This Article

• Facebook

• Twitter

• Google+