Metode Terbaru Membuat Gambar Responsive di Blog - Bicara soal gambar di blog pastinya harus responsive kenapa suatu keharusan? karena agar si pembaca betah membaca di blog kita. Maka dari itu saya membuat tutorial ini yaitu Metode Terbaru Membuat Gambar Responsive di Blog. Langsung saja.
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.
Pada demo di atas, gambar yang ada di dalam keluar melewati batas lebar konten karena lebar gambar lebih besar daripada 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 dan lihat hasilnya.
Semoga bermanfaat dan selamat mencoba.
Website sementara masih dalam kondisi perbaikan, untuk sementara website utama beralih ke Jumbo Cell
Sign up here with your email
Tata Cara Berkomentar :
1. Berkomentarlah dengan sopan santun.
2. Jangan mengunakan link hidup ( Otomatis Spam ).
3. Usahakanlah untuk berkomentar.
Thanks You for visit.
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon