Blog Archive
-
2011
(13)
-
Desember(10)
- T=v1+v2 ,Cara Meningkatkan Traffic Dan Popularity ...
- Cara membuat Tombol Show/Hide di Blog
- Membuat Daftar Isi TerUpdate Otomatis
- Hilangkan "Tampilkan Semua Posting"
- Dell Inspiron Mini 1011
- Download Driver Axioo NEON-CNW
- Download Driver Axioo NEON-CNC
- Download Driver Axioo NEON-CLW
- Driver Modem Smartfren Terbaru 2011
- Winamp 55 Full
- November(3)
-
Desember(10)
Diberdayakan oleh Blogger.
Senin, 12 Desember 2011
Cara membuat Tombol Show/Hide di Blog
Bagi
teman-teman yang ingin memasang tombol show hide di blog, caranya gampang
banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini.
<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<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;">
Masukkan tulisanmu di sini
</div></div></div>
Jangan lupa mengganti kata yangdigaris tengah berwarna merah dengan kata yang ingin
teman-teman masukkan.
Contoh Tombol Show/Hide
Semoga Sukses
<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<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;">
</div></div></div>
Jangan lupa mengganti kata yang
Contoh Tombol Show/Hide
Klik show untuk melihat
Masukkan tulisanmu di sini
Label:
Tips N Trik
Langganan:
Posting Komentar (Atom)
About Me
- ZERO 7
Category
- Audio and Video (1)
- Download Driver (5)
- Software (7)
- Tips N Trik (4)


0 komentar:
Posting Komentar