Cara Membuat Gambar menjadi Responsive di Blog

Gambar responsiveBagi anda seorang blogger, pernahkah anda mengalami masalah ketika mengirim gambar dengan lebar yang lebih besar dari lebar ukuran konten postingan blog atau gambar terlihat tidak responsive ketika anda mengubah ukuran browser / tidak mengikuti ukuran browser anda ?

Apabila gambar pada artikel blog kita responsive, maka blog kita akan terlihat bagus dan rapi karena gambar mengikuti ukuran tampilan layar browser yang digunakan. Namun jika gambar blog anda belum responsive, maka anda perlu menerapkan metode dibawah ini.

Cara ini sangat mudah untuk anda lakukan, hanya dengan menambahkan sedikit kode CSS pada template blog anda dan bisa dterapkan pada semua template blog.

1. Login blog anda
2. Pilih Template > Edit HTML
3. Cari (CNTRL+F) kode ]]></b:skin> 
4. Lalu copy dan paste kode CSS dibawah ini diatas ]]></b:skin> atau bisa juga diatas kode </style>
5. Kemudian klik simpan.

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

atau bisa juga menggunkan kode ini

.separator a{margin-left:0px !important;margin-right:0px !important;} .post img{max-width:100%;height:auto;}

Silahkan mencoba, semoga bermanfaat.
Load disqus comments

0 komentar