Cara Membuat Gambar Responsive 100% di Blogger Agar Sesuai Untuk Semua Ukuran Layar

SPOTROID - Gambar Responsive Cocok di Segala Jenis Layar Pengguna. Umumnya sih belakangan ini rata-rata pengguna blog Blogger sudah menerapkan template responsive untuk template blog mereka.

Apalagi baru-baru ini semenjak dirilisnya fitur AML oleh www.amp-project.org sebagian besar blog master sudah beralih menggunakan template full 100% responsive, template valid AMP tersebut benar-benar responsive dan sangat ringan, fast loading.

Gambar responsive lebih bagus tampilannya ketimbang gambar dengan ukuran standar. Mengapa? Ya karena gambar responsive dapat menyesuaikan diri (ukurannya) sendiri dengan segala jenis perangkat pengguna.

Untuk kenyamanan pengguna sendiri sebaiknya kamu menerapkan gambar dengan HTML Full Responsive untuk artikel atau postingan blog sobat. Dan dengan adanya dukungan gambar responsive maka pengunjung blog sobat akan lebih nyaman dalam berselancar.


Jika template (tema) blog yang sobat gunakan belum sepenuhnya 100% responsive atau belum mendukung gambar full responsive, maka sobat bisa mengubahnya di Edit HTML template blog sobat, dan pastinya dengan cara seperti berikut.
  • Masuk Blogger.
  • Tab kiri, pilih template/tema.
  • Kemudian klik Edit HTML.
  • Sobat cari kode ]]</b:skin> atau </style>.
  • Kemudian tambahkan kode css ini .post-body img { height: auto; width: 100%; } tepat di atas salah satu kode di atas tadi.
  • Preview (pratinjau) templatenya, jika sesuai klik Simpan Template.

Nah setelah sobat tambahkan style img responsive tadi maka nanti semua gambar yang ada dipostingan blog sobag akan 100% responsive di segala screen perangkat pengguna. Akhir kata spot tutup postingan ini, dan selamat mencoba semoga sukses dan dapat terbantu.

Related Posts:

Disqus Comments
© 2017 SPOTROID - Template Created by goomsite - Proudly powered by Blogger