Social Items

Cara membuat tombol show dan hidden pada postingan blogspot

Cara Membuat Tombol Show Dan Hidden di Postingan Blogspot-Yang Dimaksud Dengan judul diatas Membuat Tombol Show Dan Hidden Di Postingan Blogspot, kamu bisa Lihat dan praktekkan Sendiri Tombol dibawah ini :

Silakan klik tombol Tulisan "SHOW"


Atau kamu bisa klik yang ini juga


Tertarik Untuk Membuatnya..???
Ikuti Langkah-langkah Berikut ini:
  • Masuk ke akun Blogger mu.
  • Buat Postingan Baru/New Entri.
Selanjutnya Silakan Copy dan Paste kode dibawah ini pada Edit HTML postingan kamu !!

<div><div style="margin-bottom:2px;"><input onclick="if (this.parentNode.parentNode. getElementsByTagName('div')[1] .getElementsByTagName('div')[0] .style.display !='') { this.parentNode.parentNode. getElementsByTagName('div')[1] .getElementsByTagName('div')[0] .style.display=''; this.innerText=''; this.value='Hide'; } else { this.parentNode.parentNode. getElementsByTagName('div')[1] .getElementsByTagName('div')[0] .style.display='none'; this.innerText=''; this.value='Show'; }" style="font-size:10px;margin:0px; padding: 0px; width: 60px;" type="button" value="Show"/></div> <div style="border:0px inset;margin:0px;padding:6px;"><div style="display:none;border:1px dotted #ffffff;"><img src="http://sonny.heck.in/files/ windows7.jpg">
</div>
</div>
</div>

Keterangan:
Ganti tulisan MerahSesuai Dengan keinginan kamu, bisaText atau link gambar, Demikianlah Untuk tips Cara membuat tombol show dan hidden pada postingan blogspot, Selamat mencoba dan Semoga Bermanfaat.