Mengatur Ukuran Gambar di Blog Agar Responsif di Hp

Hari ini saya seharian cari cara agar gambar artikel yang tampil tidak memanjang saat tampil di handphone.

Kebetulan saya baru ganti template yang saya download gratis buatan Way2Themes



Saya suka dengan tampilannya yang simple. Abis bosen juga sama template lama.

Tapi masalah timbul saat gambar artikel yang muncul di handphone tampak memanjang seperti di tarik.

Perhatikan screenshot dari blog dummy saya di bawah ini:

Mengatur Ukuran Gambar di Blog Agar Responsif di Hp
Gambar seperti di tarik

Setelah hampir seharian mencari karena penasaran lalu sudah mencoba berbagai tutorial dan tak berhasil.

padahal jika di posisi home gambarnya ukurannya sesuai.

Mengatur Ukuran Gambar di Blog Agar Responsif di Hp
Akhirnya tepat jam 1 malam ini problem itu terselesaikan.


Sebetulnya permasalahannya simpel cuma harus menambahkan kode

img,object,embed{border:none;vertical-align:middle;margin:0 auto;max-width:100%;width:auto;height:auto;}

di dalam dalam CSS di atas </style>

dan inilah gambar yang sudah betul.

Tarra.. 😄

Mengatur Ukuran Gambar di Blog Agar Responsif di Hp


Untuk tutorial jelasnya bisa di lihat di sini 

Thanks untuk shizenku.blogspot.com yang sudah membuat nafas saya lega.

Gak lucu kan gambar atau foto yang sudah bagus-bagus jadi keliatan peyang. :)
semoga bermanfaat.

**mumpung masih fresh langsung di tulis dan posting
*edisi mengikat ilmu dengan menuliskannya

Post a Comment

3 Comments

  1. Wiss.. tampilannya beda euy 😀😀

    ReplyDelete
  2. Pernah juga mengalami hal serupa, ujung-ujungnya malah templatenya yang saya ganti, hehe.
    Saya suka template baru ini, nyaman.

    ReplyDelete