Berikut adalah cara menyembunyikan foto di di artikel blog
- Masuk Blog;
- Buat sebuah postingan dalam mode COMPOSE;
- Upload sebuah gambar;
- Setelah foto terupload pindah mode postingan ke HTML;
- 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZks5TR_oJaNf-qvB6WcwK_K7IWaZCNB37182id6Cyv9GuBhxDWqWznpsJLbezc1_A9LXofNNmWFH77x-Svx0CUdYgMkPsXrWW4_i9I7S7-4iqGeSnuC7aZyJfZcJ2tofbKwtFfKprI3JI/s320/tutorial-menyembunyikan-gambar-blog.webp" width="auto" />
</div>
<div id="hide">
</div>
</div>
- Ganti tulisan yang berwarna biru dengan link gambar yang sudah kamu upload sebelumnya;
- Hapus kode gambar bekas upload
- 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.





Post a Comment