Serba Tutorial | Internet Marketing | Blogging | Komputer | Smartphone

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.


Share on Facebook
Share on Twitter
Share on Google+
Berlangganan Artikel Gratis Via Email



Copyright © 2016 - 2017 TWD.WEB.ID All Rights Reserved | About me | Contact us | Privacy Policy | Disclaimer | Sitemap | Link Partner