Selasa, 16 Maret 2010

Cara Membuat Tombol Tampilkan dan Sembunyikan di Blogger.



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.

<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>

hasilnya akan tampil seperti dibawah ini silahkan klik tombol shownya.

Tulis Judulnya disini



" Silahkan masukan beberapa hal yang ingin disampaikan di bagian ini "


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.

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

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

Poskan Komentar