Cara Menyembunyikan Teks dan Gambar dalam Artikel Blog

Show Hide Teks dan Gambar dalam Artikel Blog ~ 2 Cara Pasang Show Hide Teks dan Gambar dalam Artikel Blog atau apalah namanya dan terserah cara menyebutkan nama dari tips blog yang satu ini, yang pasti liat weh olangan demo-demo yang tak sediakan, sebab dengan salah satu cara pasang tombol show hide maka artikel suguhan Anda menjadi lebih ringan ketika dibuka (padahal banyak teks atau gambar yang tersaji pada artikel suguhan Anda tersebut), dan yang pasti artikel dengan tombol show haid, artikel Anda jadi lebih keren dan blog Anda jadi terlihat lebih profesional, dibandingkan dengan blog tetangga yang ecek-ecek itu...tuh.

Show Hide Teks dan Gambar dalam Artikel Blog Ala Mang Lembu
<input name="button" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Mau Lihat Lagi?'; }" style="-moz-border-radius: 20px; -webkit-border-radius: 20px; background: #000000; border: 4px solid #FFFFFF; color: lime; font-family: Trebuchet MS; margin: 5px 0px 0px 0px; padding: 5px; width: 200px;" type="button" value="Silahkan dibuka" />
</div>
<div id="show" style="display: none; margin: 10px; padding: 5px; width: 100%;">
<a href="http://3.bp.blogspot.com/-HCwjVzWopuw/VSCRVXaMsHI/AAAAAAAARck/RU0qj-ruREs/s1600/Optimized-ayam.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Bujur bodas ayam kampung" src="SIMPAN GAMBAR DISINI" title="GAMBAR" /></a></div>
<div id="hide">
</div>


Notes:
  1. Copy kode diatas, dan paste ke dalam artikel pada HTML (bukan Compose)
  2. Ganti teks Warna biru dengan teks atau gambar,
  3. Kode Warna dan background dapat Anda sesuaikan dengan selera
Demikian Show Hide Teks dan Gambar dalam Artikel Blog ~ Cara Pasang Show Hide Teks dan Gambar dalam Artikel Blog, silahkan dipilih...dipilih..dipilih..yang sesuai dengan kebutuhan dan selera Anda....GRATIS.
Anda sedang mencari UBI madu CILEMBU Asli BERSERTIFIKAT IG (HAKI), Anda berada di situs yang tepat, silahkan CARI di Ciri UBI madu CILEMBU
Reaksi:

Related Posts:

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. BAGI PENGGUNA MOBILE, KLIK What do you think? atau dimana saja pada halaman disqus JIKA HALAMAN DISQUS TIDAK TERBUKA SEMPURNA .
Buka Komentar
© 2017 DESA CILEMBU - Template Created by goomsite - Proudly powered by Blogger