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
Cara Membuat Gambar Responsive Pada Blog

Sesudah gambar dibuat responsive
Cara Membuat Gambar Responsive Pada Blog

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.


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

9 Responses to "Cara Membuat Gambar Responsive Pada Blog"

  1. thanks infonya ._. udah responsive sekarang...

    BalasHapus
  2. sangat bermanfaat infonya, mudah dipahami..
    follback ya om : www.smartnutrition.tk :)

    BalasHapus
  3. makasih banyak ya om.. akhirnya bisa juga :D

    BalasHapus
  4. Nice... Bagus mbak, bisa buat referensi saya.

    BalasHapus
  5. Sudah saya letakkan tapi kok sepertinya masih gak ngaruh?
    coba di liat : www.guedhani.com

    BalasHapus
  6. Artikel Cara Membuat Gambar Responsive Pada Blog sangat membantu dan sudah work 100 persen di blog Saya www.indonesiacayo.com . Makasih untuk tutor Cara Membuat Gambar Responsive Pada Blognya

    BalasHapus
  7. sdh saya praktekkan dan berhasil di postingan blognya tapi image di widget kok tidak ikut responsive ya mas?
    ini blog landingpage saya >> www.jualobatkuatcaturex.blogspot.com

    BalasHapus