Cara Membuat Gambar responsive di Blogger

Assalamu'alaikum Wr.Wb

Gambar responsive merupakan gambar pada blog yang otomatis menyesuaikan ukurannya dengan ukuran device yang digunakan untuk membuka blog tersebut. Dengan begitu maka blog akan terlihat rapi, karena tidak ada gambar yang over-size. Gambar yang responsive juga merupakan salah satu persyaratan sebuah blog disebut memiliki blog yang memiliki template responsive.

Saking pentingnya gambar responsive ini ada beberapa template buatan master - master blogger yang sengaja sudah dibuat responsive. Kalau sobat menggunakan template yang sudah menggunakan gambar responsive maka kemungkinan tidak memerlukan artikel ini. Tapi untuk yang belum, silahkan dibaca artikel ini sampai habis.

Sebenarnya ada beberapa cara untuk membuat gambar dalam blog menjadi responsive. Salah satunya adalah yang akan kita bahas kali ini, yakni menggunakan script CSS yang di sisipkan pada template blogger.

Oke langsung saja, caranya adalah seperti berikut.

• Masuk dashbor blogger Disini.
• Klik Edit Template => Edit HTML.
• Cari kode ]]></b:skin> atau </head>
• letakkan kode CSS dibawah ini tepat di atas kode ]]></b:skin> atau </head>

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

• Klik Simpan Template

Sepertinya sekian dulu untuk postingan tutorial kali ini.

Mohon maaf apabila ada salah kata.
Wassalamu'alaikum Wr.Wb