Cara memasang tampilan “Show-Hide” Konten di Blog Anda

1.   Masuk ke dashbor blogger Anda, klik pada Template, Edit HTML, lalu Cari kode </head>. Cara mencarinya dengan menekan control F pada tampilan HTML template. Lalu paste kan kode </head> pada bilah pencarian yang tampil, lalu tekan Enter. Jika kodenya telah ditemukan, lalu copy dan paste kan kode javascript berikut ini di atas kode </head> yang ditemukan.

<script language='javascript' type='text/javascript'>
function showHide() {     var ele = document.getElementById("showHideDiv");
 if(ele.style.display == "block") {             ele.style.display = "none";       }
else {         ele.style.display = "block";     } }
</script>

2.   Setelah itu, klik Save Template.

3.   Masuk atau klik pada Post untuk mengedit postingan yang pernah dibuat, atau pada Entri Baru untuk membuat postingan baru. Jika yang dibuat adalah postingan baru, maka buatlah postingan sebagaimana biasanya. 

4.   Jika pada postingan ada bagian yang ingin di show-hide, maka tambahkan kode pada konten yang ingin di isi tombol buka tutupnya (show-hide). Caranya dengan copy paste kode di bawah ini dan letakan kontennya (atau bagian dari postingannya) di tempat yang telah dikasih tanda (block biru) di bawah ini.

<form action="" method="post">
<input onclick="return showHide();" type="button" value="Show-Hide" />
</form>
<div id="showHideDiv" style="display: none;">

---------> Kontennya Disini <---------

</div>