TERIMA KASIH ATAS KUNJUNGANNYA,SEMOGA BISA BERMANFAAT BAGI ANDA

Cara membuat tombol show hide di blog

Diposkan oleh chimplunk on Selasa, 31 Januari 2012

Buat para sahabat ch1mplunk psti pernah melihat tombol show hide di blog lain.pasti temen temen pengen membuatnya...
nah kali ini saya posting cara membuatnya...


  1. langsung saja ke tkp...
  2. gak usah lama-lama....
  3. silahkan kopi kode di bawah ini

<div><div style="margin-bottom: 2px;"><i><b><small>Klik Untuk melihat</small></b></i><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;">
disini anda meletakkan artikel / gambar atau terserah anda.
</div></div></div>

ket:
1.untuk tulisan yang berwarna merah silahkan letakkan artikel terserah anda.

contoh:
Klik Untuk melihat
disini anda meletakkan artikel / gambar atau terserah anda.

{ 2 komentar... silahkan berkomentar sesuka anda...bebas tapi sopan,terima kasih anda telah berkomentar add one }

Mahasiswa Songong mengatakan... Reply Comment

eheeemmm...

gubukmedia.com mengatakan... Reply Comment

Bermanfaat bro
show hide dipasang
:D

Poskan Komentar