Cara Buat Tombol Buka Tutup di Blog

Assalamualaikum wr wb,

Hallo sobat blogger, jumpa lagi di Chibi Blog yang sebelumnya sudah share Download PhotoScape 3.5 sekarang ane akan share tips buat para blogger

Nah, kali ini yang di share yaitu cara membuat tombol Buka/Tutup pada script yang ingin sobat sembunyika di blog, mau tau caranya ? mari disimak dulu

1. Login akun blogger
2. Masuk kemenu rancangan
3. Tambah HTML/Java Script
4. Sisipkan kode dibawah ini
   

   <div><div style="margin: 5px;">
   <div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Buka" 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;" class="alt2">
   <div style="display: none;">
   
   Script yang di inginkan
   
   </div></div></div></div>

5. Letakan script sobat yang ingin di hidden, Save dan preview hasilnnya 

hasilnya akan seperti ini :

Script yang di inginkan

Mudah kan ? hanya tinggal meletakan script yang ingin di sebunyika pada sisipan script diatas, Semoga bermanfaat

Wassalamualaikum wr wb