Tombol Show dan Hide

Seperti biasa Masuk Ke blog Anda
Kemudian buat entri baru pada HTML
selanjutnya Masukan kode berikut :
<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
cropoz.com
Belajar blog
</div></div></div>

Catatan:
Warna Biru bisa di ganti dengan kata atau kode yang ingin anda masukkan.
Warna Merah di ganti dengan text yang ingin anda posting.

Jika langkah sobat benar maka hasilnya akan seperti ini:

Klik show untuk melihat

cropoz.com belajar blog