0 CARA BUAT TOMBOL SHOW HIDE DI BLOG

 

• Tentunya yang pertama kawan semua harus login dulu ke blog masing" jgn k blog orang lain, hehehe....!
• 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: 300px;" 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:300px;height:300px;padding:10px;border:1px solid #000">

FILE SOBAT KOPAS DISINI

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

•  Langkah terakhir sobat Simpan

Keterangan :

•  Silakan sobat ganti teks yang berwarna Hijau dengan teks yang sesuai sobat inginkan.
• Silakan sobat ganti angka yang berwarna merah sesuai ukuran tombol button Show/Hide yang sobat inginkan.
• Silakan sobat ganti angka yang berwarna biru dengan ukuran lebar dan tinggi border Tombol Show/Hide yang sobat butuhkan. semoga berhasil dan bermanfaat buat kawan semua...

Komentar →