Show / Hidden Di Posting Blog

Show / Hidden atau cara menampilkan dan menyembunyikan suatu teks, gambar atau dokumen. Biasanya kasus ini kita jumpai agar posting lebih menarik atau variatif atau menghemat tempat. langsung saja
Contoh :
+ show / hide

"Letakan Teks atau Gambar atau Dokumen disini."

langkah membuat Show / Hidden Di Posting Blog

1. Login Blog kemudian ke Rancangan - Edit HTML
2. Letakan Scrip ini di bagian header atau cari <header> dan letakan scrip berikut di bawahnya
   
   
   <script type="text/javascript">
   function showhide(toggle) {
   //change target element mode
   var elementmode = document.getElementById(toggle).style;
   elementmode.display = (!elementmode.display) ? 'none' : '';
   }
   function openclose(toggle) {
   showhide(toggle);
   }
   </script>
   
   
3. Kemudian letakan atau gunakan scrip berikut untuk penggunaan di posting atau bagian lain di blog
   
   
   
   <a href="javascript:openclose('toggle');" style="text-decoration: none; padding: 3px 7px 3px 7px; border: 1px solid #ccc;">+ show / hide</a>
   <div id='toggle' style='display: none; padding: 10px; background: #F4FDA6;'>
   <em>"Letakan Teks atau Gambar atau Dokumen disini."</em>
   </div>