Cara Membuat Gambar Menjadi Responsive Pada Postingan Blog

Salah satu yang sering di alami oleh bberapa blogger pemula adalah saat menupload gambar dalam sebuah artikel terlihat tidak responsive.

Yang di maksud responsive adalah gambar setelah di upload terkadang ada yang terlalu besar atau ada juga yang terlalu kecil ketida di lihat dalam halaman home blog tersebut.

Dan hal ini jika anda edit gambar dengan sepas mungkin sebenarnya belum cukup responsive, karena agar bisa responsive dengan 100 % dengan menggunkan kode kode tertentu.

Pada kali ini saya akan berbagi caranya kepada anda supaya gambar yang ada dalam postingan anda menjadi responsive, Namun mungkin anda tertarik untuk membaca cara artikel agar terindex google.

Baiklah cara yang akan saya gunakana adalah anda hanya perlu menambahkan kode css di bawah ini pada meni edit html anda.

Pertama silahkan anda masuk ke akun blog anda dan pilih menu tema lalu pilih edit html

Kemudian silahkan anda copy kode CSS di bawah ini.

img {

    max-width: 100%;

    height: auto;

}

Setelah anda copy silahkan anda cari kode ]]></b:skin> atau kode </style> dan letakan kode yang sudah anda paste di atasnya persis.

Setelah itu silahkan anda klik save dan lihat hasilnya pada halaman home blog anda apa sudah terjadi perubahan.

Kode yang anda gunakan ini juga tidak hanya responsive pada komputer tapi juga pada samrtphone.

Baiklah mungkin itu saja yang bisa saya sampaikan semoga bisa bermanfaat dan selamat mencoba.

Baca Juga : Cara daftar blog ke google webmaster