Jumat, 19 April 2019

Cara Membuat Gambar di Semua Artikel Blog Menjadi Responsive


www.indoblog.me - Bagaimana Cara Membuat Gambar di Semua Artikel Blog Menjadi Responsive? Hay Blogger semuanya sebenarnya saya masih membahas seputar disqus hanya saja setelah saya menggunakan kolom komentar disqus justru loading blog menjadi berat dan yang lebih parah lagi semua gambar yang ada di artikel ketika pertama kali diload menjadi blank putih, kecuali kalau gambar tersebut diklik baru semuanya kelihatan dan sepertinya sayapun memutuskan untuk mengehentikan proyek tentang disqus dulu.

Nah bagi teman-teman semuanya yang ingin mengetahui prihal cara membuat gambar responsive di blogger atau mungkin ingin menjadikan gambar postingan responsive lantas bagaimana cara membuatnya agar gambar tersebut menjadi seo friendly, ternyata tutorial ini juga berhubungan dengan header responsive, dan bagi pengguna wordpress sudah saya bahas di website yang berbeda.

Sebenarnya saya masih terbilang kaku dengan platform blogger karena memang saya lebih fokus ke wordpress ketimbang menggunakan blogger, tetapi lama kelamaan mau gak mau saya juga harus lebih memperdalam bahasa html yang paling sering digunakan oleh platform blogger besutan google ini.

Cara Membuat Gambar di Semua Postingan Blog Menjadi Responsive

Nah tujuan utama pembahasan kali ini mungkin kamu pernah mengupload sebuah gambar yang ukurannya lebih besar dari pada ukuran postingan blog atau artikel blog maka untuk meminimalisir terjadi di sesuatu halaman postingan blog ada gambar yang tidak pas dengan salah satu postingan kita, bahkan kita tidak tahu ada dihalaman mana saja, maka tips ini akan membantu anda untuk membuat responsif semua gambar yang ada pada seluruh dan semua artikel postingan kamu.

Ya udah langsung saja berikut adalah ulasannya, langsung saja masuk ke blogger kamu lalu ke TEMA lalu klik EDIT HTML lalu silahkan cari kode ]]></b:skin> karena kita akan menambahkan css lalu simpan kode css dibawah ini sebelum ]]></b:skin>

.post-body img {
  max-width:100%;
  height:auto;
}


Dan sekarang lihat gambar-gambar yang besar yang lebarnya melebihi postingan kamu pasti akan berubah dan akan menyesuaikan dengan lebar pada psotingan kamu.

Tips ini sangat cocok sekali jika website kamu dan blog kamu dibuka via hp android karena semua gambarnya akan menyesuaikan dengan lebar hp android yang membuka website maupun blog kamu.

Sekian dulu gaes info dengan Cara Membuat Gambar di Semua Artikel Blog Menjadi Responsive semoga bermanfaat dan silahkan dicoba dan salam sukses.