✽✎ 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: 95px; " value="Tampilkan" 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'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQoN645FmMBSLdoFhLiCjwOzqd07GSX6CS1RIhNaJELM4Fvobj4-n0FFRGxDXPeVUl9qLMB2uKHuT-bfN6Uyif6Zvj39V2FC7_D_-U5NyLvQ1Pbwwjt_E8STrU_Cswvs7hO2BwVdI9QSwI/">

</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="Tampilkan" 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'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQoN645FmMBSLdoFhLiCjwOzqd07GSX6CS1RIhNaJELM4Fvobj4-n0FFRGxDXPeVUl9qLMB2uKHuT-bfN6Uyif6Zvj39V2FC7_D_-U5NyLvQ1Pbwwjt_E8STrU_Cswvs7hO2BwVdI9QSwI/">

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

5. Simpan


6. Selamat mengenang yang telah dilihat... heuheuheuuheuuu



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