Cara Membuat Seluruh Gambar di Blog Menjadi Responsive


Cara Membuat Seluruh Gambar di Blog Menjadi Responsive - Terkadang gambar di blog kita kurang responsive ketika di buka via mobile, tentu hal ini akan membuat gambar pada artikel memiliki ukuran yang kurang sesuai dengan ukuran lebar blog di versi mobile. Biasanya penyebabnya memang karena bawaan template yang tidak menyediakan fitur responsive untuk gambar pada postingan.

Untuk mengatasi hal tersebut ada banyak cara yang dapat di coba, yaitu bisa dengan cara manual dan dengan dengan cara otomatis, jika menggunakan cara manual tentunya akan sangat merepotkan jika harus mengatur seluruh gambar pada postingan blog, jadi kurang efektif bila menggunakan cara manual.

Bila menyeting gabar di blog menjadi responsive maka blog anda kan terlihat lebih rapi, karena ukuran gambar pada postingan akan menyesuaikan dengan ukuran layar device yang digunakan.

Nah berikut ini saya akan membagikan trik mudah cara membuat seluruh gambar di blog menjadi responsive secara otomatis, berikut tutorialnya.

Cara Agar Seluruh Gambar di Blog Menjadi Responsive Dengan Kode CSS

1. Pertama silahkan login terlebih dahulu ke akun blogger anda.

2. Pilih Tema => Edit HTML

3. Kemudian cari kode ]]></b:skin>  atau </style>

4. Jika sudah ketemu, selanjutnya letakkan kode CSS berikut tepat diatas kode tadi.
.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}
5. Klik simpan template.

6. Done!

Jika sudah selesai maka gambar pada postingan blog sudah otomatis menjadi responsive, silahkan bisa di lihat sendiri dengan menggunakan perangkat versi mobile.

Demikianlah tutorial kali ini mengenai Cara Membuat Seluruh Gambar di Blog Menjadi Responsive. Cukup sekian dan selamat mencoba.

0 Response to "Cara Membuat Seluruh Gambar di Blog Menjadi Responsive"

Posting Komentar

Iklan atas artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel