Cara Buat Tombol Hide dan Show di blog

Tombol untuk menyembunyikan dan menampilkan konten ini biasanya disebut spoiler. Sangat berfungsi untuk menghemat panjangnya suatu postingan atau gadget akibat gambar atau kata-kata yang sobat buat dengan sangat banyaknya.
Singkat kata singkat cerita langsung aja ya.

Silahkan copy script yang ada di bawah ini kemudian sobat paste aja pada postingan atau gadget sobat.


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 (Up to you lah)



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

Mudah bukan, tidak ada yang sulit bagi anda yang mau belajar,,kecuali saya ini yang memang asli NEWBIE dan baru bergelut di dunia blogging..

selamat mencoba ya, semoga bermanfaat.. :mantap


Kalau berhasil jadinya kayak gini

JUDUL SPOILER

ISI NYA (Up to you lah)

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.