Cara Menciptakan Gambar Responsive Di Blog

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

Result

Pada demo di atas, gambar yang ada di dalam keluar melewati batas lebar konten alasannya yakni lebar gambar lebih besar dari lebar konten.

Dengan itu disini aku akan menunjukkan sedikit tips ihwal cara mengatasi gambar yang tidak responsive tersebut dengan menunjukkan instruksi CSS untuk gambarnya. (Trik ini sepenuhnya sanggup 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.

Result

Semoga bermanfaat.


Source : https://tutoorbagus.blogspot.com//search?q=cara-membuat-gambar-responsive-di-blog

Tweet

Subscribe to receive free email updates: