Minggu, 27 November 2011

Cara Membuat Tombol Hide & Show

Nah, pada kesempatan kali ini fuad-xp akan berbagi tips tentang blogger. Pada postingan sebelumnya saya membahas tentang Cara Membuat Chat Box Floating. Dan kali ini, saya akan membahas tentang Cara Membuat Tombol Hide & Show. Tombol ini sangat berguna sekali untuk menyembunyikan sebagian atau keseluruhan isi postingan dan untuk menghemat ruang dalam postingan. Karena itulah banyak sobat blogger yang banyak memakai tombol hide dan show ini.



Disini adalah kalimat atau gambar yang akan muncul di box hide dan show


Bagi sobat blogger yang ingin memasang tombol hide dan show di blog, caranya sangat mudah. Sobat blogger hanya perlu mencopy-paste kode HTML berikut ini.

<div>

<div style="margin: 1px;">

<div class="smallfont" style="margin-bottom: 1px;">

<input value="SHOW" style="margin: 0px; padding: 0px; width: auto; 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 class="alt2">

<div style="display: none;">

<div style="background:#808080; text-align: center; padding:10px; "> Disini adalah kalimat atau gambar yang akan muncul di box hide dan show.

</div>

</div>

</div>

</div>

</div>

Dan hasilnya seperti di bawah ini :


Semoga Bermanfaat ^_^

Disini adalah kalimat atau gambar yang akan muncul di box hide dan show

4 Komentar :

gege mengatakan...

argh . blog tai , kagak bisa di copast , gak mutu nih blog

valerian rifky mengatakan...

gege : betul kamu. blog nya gak bisa di copas nieh :(

Zheng junxai5 mengatakan...

2015-08-31 zhengjx
coach outlet canada
louis vuitton
coach outlet online
michael kors outlet
michael kors outlet online
cheap jerseys wholesale
jordan 6 rings
ghd straighteners
jordan 11 snakeskin
michael kors outlet
nike huarache white
cheap ray ban sunglasses
polo ralph lauren
ray ban wayfarer
burberry handbags
louis vuitton outlet
nike running shoes for men
michael kors uk
air force 1 trainers
ray ban uk
hollister outlet
coach factory outlet
louis vuitton outlet online
nike air force
longchamp sale
louboutin
nike air max
hollister clothing store
oakley sunglasses
toms shoes
timberland outlet
michael kors uk
oakley sunglasses discount
ray ban wayfarer
coach outlet
jordan 11s
kate spade sale
swarovski jewelry
toms outlet
coach outlet

Mie Helal mengatakan...

I have book marked it for later
http://www.prokr.net/2016/09/cleaning-companies-15.html
http://www.prokr.net/2016/09/cleaning-companies-14.html
http://www.prokr.net/2016/09/cleaning-companies-13.html
http://www.prokr.net/2016/09/cleaning-companies-12.html

Posting Komentar

Silahkan sisipkan komentar jikalau anda berkunjung atau nyasar ke blog ini. Komentar anda sangat berguna dan berharga untuk menjadikan blog ini menjadi lebih baik. Mohon gunakan kata-kata yang sopan dalam berkomentar. Komentar SPAM, SARA dan sejenisnya tidak akan ditampilkan.

 
Design by Fuad XP | Bloggerized by Fuad XP - Fuad XP Premium | Free Download