Cara Menciptakan Gambar Responsive Di Blog

Published by Concept Phone Senin, 22 Januari 2018

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

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