[ TIPS ] MENGUBAH GAMBAR MENJADI RESPONSIVE PADA WEB SITE

 [ TIPS ] 

MENGUBAH GAMBAR MENJADI RESPONSIVE 

PADA WEB SITE

Selamat Datang Para Blogger, untuk pemula terkadang bingung jika terjadi masalah tidak sinkronnya antara gambar yang ditampilkan oleh PC dan Mobile. Saat dibuka pada PC gambar normal baik ukuran dan komposisinya, Namun saat kita cek ulang gambar tersebut menggunakan mobile gambarnya menjadi tidak  proporsional. hal ini seringkali terjadi jika kita menggunakan template gratisan :)

Namun Jangan hawatir, Mimin akan coba kasihkan rumus yang singkat namun dapat berpengaruh besar pada web anda. Langsung saja mimin praktekan bagaimana caranya. Pertama anda bisa coba cari kode ]]></b:skin> atau <style> . kita harus menyimpan kode di atas kode pembuka style tersebut agar bisa menjadikan gambar responsive dengan kode 

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

Kode singkat dan sederhana namun dampaknya luar biasa. Gambar bisa tampil utuh pada tampilan versi mobile. Penampakan kodenya akan seperti ini :

==========================================

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

]]></b:skin>

==========================================

Save dan lihat hasilnya pada mobile atau android anda !

Terimakasih semoga bermanfaat