✽✎ Membuat tombol hide - show

Tombol hide/show atau di sebut juga tombol Spouiler seperti contoh ini :

nah seperti itu,, hehehhe... tutorial nya di sini...

kita hanya perlu kode ini :

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 135px; " value="coba klik disini" 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 = 'coba klik lagi disini'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

<center>
<img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/173718_100000098168181_7062949_n.jpg" alt="coba klik disini"/>
</center>

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

Caranya dengan menambah gadget di blog kita....

Langkahnya sbb:

1. Loggin

2. Rancangan

3. Tambah Gadget Html/Javascript

4. Copas Kode
   

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="coba klik disini" 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 = 'coba klik lagi disini'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

<img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/173718_100000098168181_7062949_n.jpg" alt=coba klik disini"/>

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

5. Simpan

6. Selamat mengenang yang telah dilihat... heuheuheuuheuuu


kata yang berwarna merah ganti dengan apa aja yang saderek mau......