Membuat Tombol Hide Show

Sobat2 pernah maen kaskus nggak,, pasti pernah ngeliat tombol Hide Show di thread kaskus..!!
Tombol HD penting banget buat menghemat tempat diBlog sobat..!! Tombol HD bisa nyembunyiin file seperti Text maupun gambar yang ukurannya super gede..!

Caranya, copy Script ini ke postingan/gadget yang bakal shobat pasang tombol HD tersebut.
<div>

<input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: auto;" type="button" value="Tampilkan" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background: none repeat scroll 0% 0% rgb(0, 0, 0); color: white; padding: 10px; text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
TEKS ATAU GAMBAR ANDA</div>
</div>
</div>
</div>


Hasilnya :

TEKS ATAU GAMBAR ANDA

Kalimat TEKS ATAU GAMBAR ANDA,,, bisa diganti sesuai dengan keinginan anda.>!! atau pasang gambar juga bisa.
Anda sedang membaca artikel tentang Membuat Tombol Hide Show dan anda bisa menemukan artikel Membuat Tombol Hide Show ini dengan url http://blogger-kerinci.blogspot.com/2010/11/membuat-tombol-hide-show.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Tombol Hide Show ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Membuat Tombol Hide Show sebagai sumbernya.

0 komentar:

Posting Komentar

Makasih atas kunjungannya, jangan lupa komentar ya... :D

Powered by

Pengikut

Total Tayangan Halaman

Follow on G+