Cara membuat gambar menjadi responsive

Cara membuat gambar menjadi responsive - Responsive ? apa sih itu responsive , Responsive adalah teknik yang digunakan untuk membuat layout website menyesuaikan diri dengan tampilan device pengunjung, baik ukuran maupun orientasinya. Jadi tampilan yang berada di desktop komputer dengan tampilan yang diakses melalu SmartPhone misalnya, itu akan berbeda tampilannya.

Responsive Web Design Untuk mengetes tampilan yang menggunakan teknik Responsive tersebut tidak harus mengaksesnya melalui
mobile dengan Pc kali ini hostze akan memberikan tips Membuat gambar menjadi tampil responsive karena dengan tampilnya gambar lebih responsive maka gambar tersebut akan tampil dengan ukuran sesuai dengan besarnya ukuran device dari pengguna tersebut bagaimana caranya ok langsung saja di simak di bawah ini.

Baca juga :
Cara Mudah Test Responsive Website di Browser Chrome
Tips Cara Mengecek Template Blog Valid HTML5 Atau Tidak
Cara Mengecilkan Rank AlexaApa itu HTML5 dan Kelebihannya?
Cara Memilih Nama Blog yang Benar

Langkah - langkah Membuat Gambar Menjadi Responsive

1. Silakan Login pada akun Blogger Anda.

2. Kemudian Masuk Dasbor -> Template -> Edit HTML.

3. Simpan kode css dibawah ini tepat diatas </style> atau ]]</b:skin>.

Kodenya :

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

4. Simpan template dan hasilnya akan seperti gambar di bawah ini.

Gambar sudah Menjadi Responsive

Demikianlah artikel yang berjudul tentang Cara membuat gambar menjadi responsive semoga bermanfaat.