Inilah Cara Menciptakan Gambar Responsive Di Blog - Fezarzone

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 ialah lebar gambar lebih besar dari lebar konten.

Dengan itu disini aku akan memperlihatkan sedikit tips wacana cara mengatasi gambar yang tidak responsive tersebut dengan memperlihatkan 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 : http://fezarzone.blogspot.com/search?q=cara-membuat-gambar-responsive-di-blog