Cara Mudah Membuat Gambar Menjadi Responsif di Blog

CARA AGAR SEMUA GAMBAR DI BLOG MENJADI RESPONSIVE
DIAN SATYA PUTRA ON BLOGGER, TUTORIAL ON 13:37 WITH 10 COMMENTS
Kode CSS gambar responsive, Cara Membuat Gambar Menjadi Responsive - Ada Banyak Cara Membuat gambar di blog menjadi responsive, ada dengan cara manual dan otomatis, kali ini saya akan membagikan cara membuat gambar responsive secara responsive.

Jika gambar di blog kita di set menjadi responsive blog kita akan terlihat rapi, karena ukuran gambar akan menyesuaikan dengan ukuran layar device yang digunakan. Seperti hal-nya blog saya juga menerapkan metode responsive pada gambar. Jadi jika sobat ingin membuat gambar pada blog sobat menjadi responsive saya akan membagkan tips-nya



Cara Membuat Gambar Menjadi Responsive :

  1. Masuk Blogger
  2. Pilih Template => Edit HTML
  3. Letakkan kode CSS berikut tepat diatas kode ]]></b:skin>  atau </style>

.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}
  4. Klik Simpan Template

Nah kini gambar di blog anda sudah menjadi responsive, jika anda masuh bingung untuk membuat gambar menjadi responsive silahkan berkomentar nanti akan saya bantu.


http://readcyber.blogspot.co.id/2015/01/cara-membuat-agar-semua-gambar-di-blog-menjadi-responsive.html






arlina design

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

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: