Monday, June 15, 2015

Cara Membuat Gambar Yang Responsive di Blog

Cara Membuat Gambar Yang Responsive di Blog - Biasanya pada sebuah template yang tidak responsive ketika kita mengupload sebuah gambar yang ukuran lebarnya besar, maka sebuah gambar akan melewati batas garis pada posting tersebut karena gambar lebih besar dari kolom posting. 

Tentu saja itu tidak enak untuk di pandang para pembaca karena terkesan tidak rapi. Sekarang saya akan 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 :


Gambar sebelum di buat responsive




Gambar setelah 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

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


EmoticonEmoticon