Latest News

CSS Agar Gambar Di Postingan Menjadi Responsive Otomatis

Menampilkan situs yang mobile friendly bagi pengunjung sangatlah harus. Terlebih lagi tidak semua visitor blog kita menggunakan tampilan desktop mungkin setengahnya menggunakan layar telepon pintar. Maka dari itu anda harus mendesign situs supaya support bagi pengguna mobile. Mobile friendly sangat dekat kaitannya dengan responsive.

Responsive disini mampu anda terapkan di blog anda,bisa di menu navigasi,header,dan juga gambar. Nah biasanya untuk template yang memang sudah didesign responsive kita tidak perlu repot untuk menambahkan isyarat supaya responsive,namun kadang ada beberapa bab yang tidak responsive salah satunya gambar.

Membuat semua gambar di postingan di blog responsive otomatis tanpa manual dengan css simple.

Maka dari itu kali ini aku akan membagikan sebuah tutorial cara membuat gambar menjadi responsive. Bagaimana caranya? Berikut ini langkahnya :

Membuat Gambar Responsive

Anda cukup login blogger,pilih Template → Edit HTML. Lalu salin isyarat dibawah ini dan letakkan diatas isyarat ]]></b:skin> atau </style>

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

lalu simpan template.

Langsung buka blog sahabat dengan mobile untuk melihat apakah gambar sudah menjadi responsive. Cukup sekian artikel cara membuat gambar menjadi responsive otomatis. Semoga membantu dan bermanfaat.