Cara Menyembunyikan Gambar Blog Dalam Postingan

Tutorial.bloklimasatu.com - Halo sahabat Limasatu. Gimana puasanya hari ini? Tentunya masih lancar-lancar aja kan?. Kali ini mimin bakal membagian sebuat artikel tentang cara menyembunyikan gambar pada postingan blog. Ini merupakan ringan namun sangat berguna bagi pengguna blogger.
Ada sebagian orang yang sangat suka dengan begitu banyaknya gambar dalam blog, namun ada pula yang lebih menyukai artikel yang dalam bentuk tulisan (tidak terlalu banyak gambar). Nah, untuk tujuan itulah mimin berusaha sedikit membantu mencarikan artikel yang berkaitan dengan menghilangkan gambar di blog untuk sementara waktu.

Berikut adalah cara menyembunyikan foto di di artikel blog



  1. Masuk Blog;
  2. Buat sebuah postingan dalam mode COMPOSE;
  3. Upload sebuah gambar;
  4. Setelah foto terupload pindah mode postingan ke HTML;
  5. Masukkan kode berikut;
<div id="spoiler">
<div>
<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 = 'Lihat Gambar'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="Lihat Gambar" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<img alt="mapk" class="aligncenter" height="auto" src="https://4.bp.blogspot.com/-DYIH16sFvmI/XOJjcdHnT5I/AAAAAAAAC0g/HngJEE5AJhcWZzzNYcpUDKah3Te3Wun4wCLcBGAs/s320/tutorial-menyembunyikan-gambar-blog.webp" width="auto" />
</div>
<div id="hide">
</div>
</div>
  1. Ganti tulisan yang berwarna biru dengan link gambar yang sudah kamu upload sebelumnya;
  2. Hapus kode gambar bekas upload
  3. Selesai

Selamat gambar blog kamu sudah tersembunyi namun tidak hilang, kamu masih bisa memunculkannya kembali. Ini berlaku tidak bagi pemilik blog saja ya, tapi pengunjung blog kamu juga bisa menyembunyikan dan menampilkan foto yang kamu upload. Jadi blog kamu akan terlihat lebih rapi dan cantik.

Semoga apa yang mimin sampaikan bermanfaat bagi sahabat limasatu semua. Selamat mencoba tutorial menyembunyikan gambar blog ini dengan seksama. Sukses.
Loading...

Related Posts

Post a Comment

Subscribe Our Newsletter