Cara Membuat Gambar Lebih Responsive di Blog

Cara Membuat Gambar Lebih Responsive di Blog - Mungkin anda bertanya-tanya apa yang saya maksud dengan membuat gambar lebih responsive? dan apa fungsinya? nah,, untuk anda yang penasaran dengan artikel kali ini langsung saja disimak dan dibaca baik-baik tutorial kali ini, semoga bermanfaat.

Membuat Gambar Artikel Lebih Responsive - Masalah yang sering terjadi ketika kita ingin mencoba membuat gambar dengan ukuran yang lebih lebar dari ukuran space konten postingan blog maka gambar tersebut akan terlihat tidak responsive ketika kita mengubah ukuran browser kita.

• DEMO

Pada Demo diatas, gambar yang ada di dalam artikel keluar melewati batas lebar konten karena lebar gambar lebih besar daripada lebar konten artikel.

Dengan itu disini saya akan memberikan sedikit tips tentang bagaimana cara mengatasi gambar yang tidak responsive tersebut dengan memberikan kode CSS untuk gambarnya.

Untuk pengaturannya, silahkan ikuti langkah berikut:

1. Login ke dashbor blogger anda
2. Pilih bagian template > Edit HTML
3. Kemudian, salin dan paste-kan CSS dibawah ini, pada bagian sebelum tag ]]></b:skin> atau </style>
4. Simpan template

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

Dengan mengatur gambar di artikel blog agar lenih responsive, maka artikel kita akan tampak lebih enak dilihar dan rapi sehingga membuat pembaca artikel blog kita menjadi lebih nyaman berlama-lama membaca artikel kita.

Saya rasa sekian dulu untuk artikel kali ini tentang "Cara Membuat Gambar Lebih Responsive di Blog", semoga dapat bermanfaat untuk anda dan kita semua. Sampai Jumpa.