Home » » Cara Memasang Tombol Buka Tutup Pada Posting Blog

Cara Memasang Tombol Buka Tutup Pada Posting Blog

Selamat sore sobat..saya dapat ilmu dari blog teman nih..pernah ngak sobat melihat di blog lain ada yg memasang tombol buka tutup di blognya,,di blog sob bukan polantas ya..kalau jalanan lagi macet apa lagi kalau udah mau tahun baru pasti para petugas kepolisian membuat suatu sistem dengan nama buka tutup..lahh kok ngomongin pak pol ya,,ya kira2 seperti itu lah sob..nah disini lainnnnnnnnnnnnnnn ceritanya sob,,saya buat sistem buka tutup nya buat blog..dmana buka tutup ini bisa sobat gunakan dimana saja yg sobat inginkan..misalnya sobat ingin membuat java script dengan model tombol buka tutup atau di sidebar sobat,,silahkan aja sob..nih saya berikan kodenya yg saya dapat dari teman saya luhurfatah silahkan di copas aja ya sob ...

<div id="spoiler">
<div><input type="button" value="Buka" style="margin:0px;padding:0px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Lagi'; }">
</div>
<div style="background: #00ffff; margin: 10px auto;
border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
Isi Nya.....
</div>

Note :

Cara Penggunaannya > Buka Dasbor > Buatlah Suatu Posting Baru > Pilih Kata/Kalimat/Kode/Gambar/Vidio/ lainnya yg ingin sobat buka tutup > Masukkan  Kode diatas dan Ganti saja sesuai petunjuknya
  • Tulisan yang berwarna biru ganti dengan kata-kata yg inginkan misalnya Hidden Show
  • Kode yang berwarna merah  adalah kode untuk background nya..jika sobat ingin mengantinya gantilah sesuka hati karena hati kita berbeda2 sob.hahaha
  • Kode yang berwarna hijau  itu adalah isinya,,misalnya sobat ingin memasukkan gambar disna atau video atau kode script atau yg lainnya...

4 komentar:

Related Posts Plugin for WordPress, Blogger...
GET UPDATE VIA EMAIL
Berlangganan artikel via email!
reader