Tutorial Membuat Semua Gambar Responsive di Blog

Tutorial Membuat Semua Gambar Responsive di Blog

Biasanya sering terjadi masalah ketika Anda mengupload  sebuah gambar yang ukurannya melebihi batas maximum ukuran gambar postingan blog, maka gambar tersebut akan melebihi batas garis kolom postingan atau tidak responsive. Hal tersebut dikarenakan template yang Anda gunakan tidak responsive.

Untuk mengatasi masalah itu, Anda tidak perlu repot-repot mengganti template blog Anda atau memngedit satu per satu gambar menjadi responsive. Pada kali ini saya akan memberikan tutorial membuat semua gambar responsive di blog.

Tutorial Membuat Semua Gambar Responsive di Blog

1. Silahkan buka blog anda.
2. Pilih menu Template.
3. Pilih mode Edit HTML.
4. Letakkan kode CSS di bawah ini tepat di atas ]]></b:skin> atau </style>

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

5. Simpan template dan lihat hasilnya.

Saat ini semua gambar di blog Anda sudah menjadi responsive secara otomatis, jika masih belum paham atau masih ada masalah silahkan komentar ya. Semoga bermanfaat.

Leave a Reply