Tombol BUKA dan TUTUP di Postingan

CARA MEMBUAT TOMBOL

SHOW/BUKA DAN CLOSE/TUTUP

DIDALAM POSTINGAN

Untuk menghemat halaman tulisan atau postingan ada baiknya kita menggunakan Tombol SHOW atau BUKA dan Tombol CLOSE/HIDE atau TUTUP. Selain itu tampilan postingan kita juga akan menjadi keren, berbeda dengan blog yang lain.

Penggunaannya adalah:

• Jika tombol SHOW/BUKA diklik maka akan terbuka isi postingan gambar atau tulisan akan terlihat dibawahnya,  selanjutnya jika di klik lagi CLOSE/TUTUP, maka tampilan postingan akan segera menutup atau disembunyikan.

----------------------------------------------------------------------------------------------------------------------------------------------

Tombol BUKA dan TUTUP

Tombol ini sebenarnya lebih sering dipakai untuk memasukkan gambar ataupun rumus-rumus, ataupun satu postingan yang spesifik, sehingga ruangan postingan tidak terlalu panjang.

Caranya membuatnya sangat mudah sekali:

• Login ke akun blogger anda.
• Buat suatu tulisan suatu tulisan dari Postingan baru.
• Setelah itu, ketika anda ingin memasukkan foto, rumus atau apa saja maka, copy paste script dibawah 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: left; padding:10px; ">
 Disini adalah kalimat atau gambar yang akan muncul di box hide dan show
</div>
</div>
</div>
</div>
</div>

• Tulisan SHOW Dapat diganti dengan BUKA.
• Tulisan HIDE dapat diganti dengan TUTUP.
• Tulisan  Disini adalah kalimat atau gambar yang akan muncul di box hide dan show , tempat memasukkan tulisan, rumus atau apa saja.
• Tulisan   margin: 1px, dapat diganti sesuai selera.
• Tulisan font-size: 10px, dapat diganti sesuai dengan selera. 

Selamat mencoba, semoga berhasil dan berkreasi.
--------------