Photobucket

Cara Membuat Tombol Show Hidden Di Blog

Diposting oleh Nyom" Anak Kerissena Jumat, 22 Oktober 2010


Definisi tidak perlu, silahkan baca saja, pasti anda tahu maksud saya memposting cara membuat tombol show hidden ini.
Berikut langkahnya:
Kopi paste saja kode berikut, letakkan di tempat yang anda inginkan.
<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>
 Maka hasilnya akan seperti ini

Klik Untuk Melihat


Sekian, semoga bermanfaat.
Salam ...

  1. Unknown Says:
  2. sob cara membuat tool yg d bawah blog km itu gmana cara nya sob

     
  3. Unknown Says:
  4. thx postingnya brow.... kunjungi balik donk... www.titodesign.co.cc