Mambuat Tombol Show/Hide

• 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. 

1.Untuk Show/hide Pass

<center><div style="margin: 3px;">  <div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 100px;" 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;Hide Password&#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;Show Password&#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:100px;height:100px;padding:10px;border:1px solid #000">

Disini sobat simpan Password

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

2.Untuk Untuk HTML

<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:100px;height:100px;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.

 
Contoh :

Wwowoowwow

Anda baru saja membaca artikel yang berkategori Daftar Isi Langkap / Tips Blog dengan judul Mambuat Tombol Show/Hide. Anda bisa bookmark halaman ini dengan URL https://cyberprolite.blogspot.com/2012/07/mambuat-tombol-showhide.html. Terima kasih!

Ditulis oleh: Unknown - Selasa, 31 Juli 2012