Cara Membuat Gambar Responsive di Blog - Hallo sahabat Didhiksty Blog, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Gambar Responsive di Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Gambar Responsive di Blog
link : Cara Membuat Gambar Responsive di Blog

Cara Membuat Gambar Responsive di Blog

Cara Membuat Gambar Responsive di Blog - Masalah yang sering terjadi ketika Anda mencoba untuk mengirim gambar dengan lebar lebih besar dari ukuran konten postingan blog atau gambar akan terlihat tidak responsive ketika mengubah ukuran browser Anda.

RDemo
Pada demo di atas, gambar yang ada di dalam keluar melewati batas lebar konten karena lebar gambar lebih besar dari lebar konten.
Dengan itu disini saya akan memberikan sedikit tips tentang cara mengatasi gambar yang tidak responsive tersebut dengan memberikan kode CSS untuk gambarnya. (Trik ini sepenuhnya dapat diterapkan pada semua template blog).

Silahkan buka blog Anda > Template > Edit HTML > Salin dan pastekan CSS di bawah ini sebelum ]]></b:skin> atau </style>

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

Kemudian simpan perubahan dan lihat hasilnya.

Sumber : https://www.arlinadzgn.com/2014/10/cara-membuat-gambar-responsive-di-blog.html

Demikianlah Artikel Cara Membuat Gambar Responsive di Blog

Sekianlah artikel Cara Membuat Gambar Responsive di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Gambar Responsive di Blog dengan alamat link https://didhiksty.blogspot.com/2018/03/cara-membuat-gambar-responsive-di-blog.html