Pages

Trik membuat tombol Show hidden di blog

Buat kamu yang punya blog pasti memerlukan trik ini untuk memperindah blog kamu,ini adalah Trik membuat tombol Show hidden di blog, untuk caranya :
Tinggal Kopi paste saja kode berikut, dan letakkan di tempat yang anda inginkan.


<div><div style="margin-bottom: 2px;"><i><b><small>Klik Tombol Show 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 bisa meletakkan artikel / gambar tergantung kebutuhan anda.
</div></div></div>
 Maka hasilnya akan seperti ini

Klik Tombol Show Untuk melihat



disini anda bisa meletakkan artikel / gambar tergantung kebutuhan anda.


Bila ada kesulitan anda tinggal comment aja di blog ini

No comments:

Post a Comment