Membuat Tombol Show/Hide di Blog

Tombol Show/Hide adalah tombol yang berfungsi untuk menyembunyikan suatu teks, gambar, video dan masih banyak lagi. Tombol Show/Hide ini juga sangat bermanfaat untuk merapihkan blog atau agar terlihat simple. Ok, langsung saja bagaimana cara pemasangannya.

• Pertama sobat tentunya login ke blog sobat.
• Langkah selanjutnya sobat pergi ke Tata Letak ► Tambah Gadget ►Pilih HTML/Javascript.
• Kemudian copy/paste kode di bawah ini.

<center><div style="margin: 3px;">  <div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 240px;" value="Open" onclick="if
(this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)
[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;)
{ this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)
[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;;
this.innerText = &#39;&#39;; this.value = &#39;Open&#39;; } else {
this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)
[1].getElementsByTagName(&#39;div&#39;)
[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;;
this.value = &#39;Close&#39;; }" type="button" />
</div>
<div style="border: 0px inset ;
margin: 0px; padding: 0px;" class="alt2">
<div style="display: none;">
<center><div style="overflow:auto;width:200px;height:200px;padding:10px;border:1px solid #000">

Disini sobat simpan filenya.

</center>
</div></center></div></div></div><br/>
</center>

•  Langkah terakhir sobat Simpan. 
• Untuk demonya silakan sobat lihat di sidebar blog ini.

Keterangan :

•  Silakan sobat ganti teks yang berwarna kuning dengan teks yang sesuai sobat inginkan.
• Silakan sobat ganti angka yang berwarna biru sesuai ukuran tombol button Show/Hide yang sobat inginkan.
• Silakan sobat ganti angka yang berwarna oranye dengan ukuran lebar dan tinggi border Tombol Show/Hide yang sobat butuhkan.

Semoga bermanfaat....

• Tweet
• Share
• Share
• Share
• Share