Cara Membuat Gambar Responsive Pada Blog

Cara Membuat Gambar Responsive Pada Blog. Sobat blogger, biasanya pada sebuah template yang tidak responsive ketika kita mengupload sebuah gambar yang ukuran lebarnya besar atau anda menggunkan ukuran x-large, maka sebuah gambar tersebut akan melewati batas garis pada posting tersebut karena gambar lebih besar dari kolom posting, dan tentu saja itu tidak enak untuk di pandang para pembaca, karena terkesan tidak rapih, nah sekarang saya ingin membuat tutorial cara membuat gambar tersebut menjadi responsive pada blog, untuk tutorial ini sudah saya praktekan dan 100% berhasil, anda bisa lihat gambar di bawah sebuah gambar yang sebelumnya tidak responsive menjadi responsive :

Sebelum dibuat responsive

Sesudah gambar dibuat responsive

Gambar diatas adalah sebelum dan sesudah gambar di ubah menjadi responsive, nah untuk tutorialnya silahkan ikuti saja langkah mudah cara membuat gambar menjadi responsive ini.

Cara Membuat Gambar Menjadi Responsive Pada Blog

1. Buka akun blogger anda.

2. Pilih menu template > Klik edit HTML

3. Lalu letakan kode dibawah ini tepat di atas kode ]]></b:skin> atau </style> 

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

4. Klik save template.

Baca juga : Cara mudah membuat responsive template default blogger

Selesai sudah, mudah sekali bukan sobat untuk membuat gambar posting tersebut menjadi responsive, cukup sekian untuk tutorialnya, semoga bermanfaat.

Share to:

Google+ Facebook Twitter