cara buat hide n show suatu objek

Cara Membuat Tombol Hide dan Show

1. Masuk ke blogger anda
2. Pilih rancangan/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. trus copy kode di bawah dan paste di halaman HTML/javascript.

<div>

<input 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 = 'Sembunyikan'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: auto;" type="button" value="Tampilkan" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background: #000000; color: white; padding: 10px; text-align: left;">
Masukkan text-nya disini. Gambar juga bisa.</div>
</div>


CONTOH: