Membuat Ukuran Gambar Menjadi Responsive Di Blogger

 

Halo sahabat, pernah nggak kalian nge-download template yang kalian suka & dipilih-pilih sampe seharian, pas dipasang tiba-tiba gambarnya tidak mau menyesuaikan ukuran dengan layar device alias tidak responsif.


Nah, jika mengalami hal ini, gak perlu pusing apalagi harus seharian lagi cari template blogger yang bagus, kalian cukup melakukan hal ini :


Silahkan copy code berikut :


<style>
   img {
      max-width: 100%;
      height: auto;
   }
</style>


Kemudian masuk ke editing template HTML & paste tepat dibawah kode berikut ini. Kode ini biasanya berada dibarisan paling atas.


<head>
   <meta content='width=device-width, initial-scale=1.0' name='viewport'/>


Kira-kira hasilnya seperti ini gan : (klik gambar untuk memperbesar)



Sekarang coba cek kembali gambar-gambar yang ada di website kamu. Semuanya akan responsif dan mengecil sesuai ukuran internet browser saat dibuka.

Posting Komentar (0)
Lebih baru Lebih lama