
Pada kesempatan kali ini saya akan mencoba berbagi tips blogger yaitu tentang cara membuat tombol show dan hide, info ini saya dapatkan di situs blog remo-xp.com, tujuan dari pembuatan ini untuk mempersempit halaman website supaya jadi lebih sempit dan tidak terlalu panjang tingginya apalagi untuk memposting halaman yang banyak pasti ini diperlukan dan bisa juga digunakan di bagian sidebar blog anda. oke kita langsung saja, Cara membuatnya pun sangat mudah, anda hanya perlu mengcopy-paste script dibawah ini, kemudian edit sesuai dengan keperluan anda.
hasilnya akan tampil seperti dibawah ini silahkan klik tombol shownya.
<div><div style="margin-bottom: 2px;"><i><b><small>Tulis judulnya disini </small></b></i><input value="Tampilkan" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
"Silahkan masukan beberapa hal yang ingin disampaikan di bagian ini "
</div></div></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
"Silahkan masukan beberapa hal yang ingin disampaikan di bagian ini "
</div></div></div>
Tulis Judulnya disini
Catatan : Yang perlu anda edit adalah hurup - hurup yang berwarna merah saja yang lainnya jangan jika anda tidak mengerti kode script tersebut.
demikian semoga bermanfaat.
demikian semoga bermanfaat.

0 komentar: on "Cara Membuat Tombol Tampilkan dan Sembunyikan di Blogger."
Poskan Komentar