Kode HTML Hidden Button

Mungkin saya orang terakhir yang mmposting tentang masalah ini tapi mudah mudahan saja ini bermanfaat jika kebetulan anda  mampir di blog saya dan ingin berkreasi di blog anda.

contoh :

caranya gampang, saja
1. masuk ke akun blog anda

2. masuk ke edit elemen anda
3. setelah itu klik tambah gedget dan pilih  HTML/ Java script

kemudian masukan kode ini :


<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;">
Masukkan tulisanmu di sini
</div></div></div>

anda bisa memasukan tulisan atau kode banner di sana, untik masalaj ukuran width =lebar , yang alinnya bisa anda modifikasi sendiri, selamat berkreasi.