Jumat, 17 Mei 2013

0 Cara Buat Tombol Buka Tutup di Blog




Hallo sobat blogger, jumpa lagi di Sipahutar_Comunity yang sebelumnya sudah share Download PhotoScape 3.5sekarang 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 :



Related Post:

0 komentar:

Posting Komentar