Cara Membuat Gambar Responsive di Blogger

Masalah yang sering terjadi ketika menulis sebuah postingan saat membuat ukuran gambar asli yang mana pada sebuah template terkadang gambar tersebut tidak responsive. 

Tentu hal tersebut akan membuat kebingungan para pembaca atau pengunjung blog saat memahami artikel yang kalian share. 

Sebenarnya sangat mudah membuat gambar responsive hanya menggunakan CSS nah bagaimana caranya simak tutorial berikut ini

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 perubahan dan lihat hasilnya.

• Result

Semoga bermanfaat.

Berbagi :