Membuat Tombol Hide Show (Spoiler)

Share

     Mungkin kamu ingin menyembunyikan sebagian artikel dengan tombol hide show,karena terlalu banyak...? Agar artikel terlihat tidak terlalu banyak kamu bisa gunakan script spoiler ! mau tau caranya mari kita belajar bersama... ^_^

Simak baik2 Tutorial dibawah ini :
    Langsung ke Intinya saja ! ketika kamu ingin memposting,postingan yang ingin di beri Spoiler letakkan di Edit HTML ! udah ngeri apa blom ? kalo blom ngerti lihat contoh di bawah ini !

Sebelum di beri Tombol Hide Show :

Contoh tulisan yang akan di beri tombol Show Hide !

Sesudah di beri Tombol Hide Show :

Contoh tulisan yang akan di beri tombol Show Hide !

Copy Script di bawah ini ! kedalam Postingan yang mw di beri tombol Hide Show

<div><div style="margin-bottom: 2px;"><input value="hide" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"></div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">


Contoh tulisan yang akan di beri tombol Show Hide ! 


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

Selamat Mencoba ! ^_^
Sekian ilmu yang saya berikan kali  ini, semoga  bermanfaat untuk kamu semua !