Cara Membuat Tombol Show - Hidden di posting Blog

seperti biasa mr.insane ingin berbagi sesuatu yang bermanfaat, kali ini saya akan share bagaimana Cara Membuat Tombol Show - Hidden di posting Blog.

walaupun ga terlalu penting banget, tapi cukup berguna untuk memberi kesan penasaran dan menarik bagi pengunjung blog. saya'pun kadang-kadang menggunakannya.

berikut caranya :

1. Yang pasti anda harus punya akun blog dulu, masa mau di copy-paste di status facebook. jika sudah punya, tinggal login dulu ke akun blog anda.

2. Buat entri baru, atau edit entri yang sudah ada.

3. kemudian pilih HTML pada entri anda seperti gambar di bawah.

4. lalu copy paste kode dibawah ini,

<div><div style="margin-bottom: 2px;"><b><small>show</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;">

Masukan tulisanmu di sini

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

PERINGATAN: 

- Warna Biru, bisa di ganti sesuai keinginan, itu untuk tulisan pada tombolnya.

- Warna merah, letakan teks atau tulisan anda sobat disana. 

sekian, TERIMAKASIH atas kunjungannya. SEMOGA BERMANFAAT.

Share artikel ke: Facebook Twitter Google+ Linkedin Technorati Digg