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="https://3.bp.blogspot.com/-HCwjVzWopuw/VSCRVXaMsHI/AAAAAAAARck/RU0qj-ruREs/s1600/Optimized-ayam.png" title="Bujur bodas ayam kampung" /></a>
<a href="http://4.bp.blogspot.com/-ukQBWG2yqzk/VSCRVZ0u0lI/AAAAAAAARcc/jgwkhnrV5Hw/s1600/Optimized-ayam2.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Bujur bodas ayam kampung" src="https://4.bp.blogspot.com/-ukQBWG2yqzk/VSCRVZ0u0lI/AAAAAAAARcc/jgwkhnrV5Hw/s1600/Optimized-ayam2.png" title="Bujur bodas ayam kampung" /></a>
<a href="http://3.bp.blogspot.com/-afD1rgFZu8c/VSCRVtU-1HI/AAAAAAAARcg/xFTzm75CsXM/s1600/Optimized-ayam1.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Bujur bodas ayam kampung" src="https://3.bp.blogspot.com/-afD1rgFZu8c/VSCRVtU-1HI/AAAAAAAARcg/xFTzm75CsXM/s1600/Optimized-ayam1.png" title="Bujur bodas ayam kampung" /></a>
<a href="http://1.bp.blogspot.com/-diVaQmGZG8w/VSCRWsIGyFI/AAAAAAAARc0/JZOtIiSeVss/s1600/Optimized-ayam3.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Bujur bodas ayam kampung" src="https://1.bp.blogspot.com/-diVaQmGZG8w/VSCRWsIGyFI/AAAAAAAARc0/JZOtIiSeVss/s1600/Optimized-ayam3.png" title="Bujur bodas ayam kampung" /></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

DEMO

Silahkan menikmati bonus video lagu-lagu indah pilihan saya dari Cara Menyembunyikan Teks dan Gambar dalam Artikel Blog, Kalau Anda nggak suka sama bonus pilihan saya ini, berarti Anda memang sangat udik dan katrok selera musiknya....suwertekewerkewer deh

_____
Show Hide di Postingan ala Kompi Ajaib

<
div id="Button" style="margin:0 auto;text-align:center">
<input type="button" onclick="document.getElementById('Content').style.display='block';Button.style.display='none';" value="Get The Code Here" />
</div>
<div id="Content" style="display:none;width:300px;padding:10px;margin:0 auto;border:1px solid #aaa;text-align:center;box-shadow: 0px 1px 3px 0px rgba(179,179,179,1);background:#fff">
<p>
SILAHKAN SIMPAN TEKS ATAU GAMBAR DI SINI
</p>
<input type="button" onclick="document.getElementById('Content').style.display='none';Button.style.display='block';" value="&#10006;" />
</div>

NOTES: 
Cara Pasangnya sama dengan Cara pertama
DEMO

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