Membuat Gambar Responsive di Blogspot

oleh -2,180 views
oleh

Membuat Gambar Responsive di Blogspot, PURJIANTO.WEB.ID, sangatta blogspot – Gambar yang responsive di blogspot memang sangat dibutuhkan oleh setiap blogger kali ini saya akan berbagi cara membuat gambar responsive di blog yang bisa kalian gunakan pada template kalian dan cara membuat gambar responsive ini bisa di pakai untuk setiap template blogspot kalian jadi tidak perlu merubah ukuran pada lembar kerja kalian.

Membuat Gambar Responsive di Blogspot
Contoh gambar tidak responsive silahkan lihat di bawah ini:

Pada contoh diatas gambar keluar dari batas template kalian, untuk merapikan agar gambar responsive di blogspot silahkan tambahkan CSS berikut ini.

Membuat Gambar Responsive di Blogspot

Caranya memasukkan code CSS nya:

  1. Masuk ke Dashboard
  2. Pilih Template
  3. Edit HTML
  4. Cari ]]></b:skin> atau </style>
  5. Letakkan kodenya tepat diatasnya ]]></b:skin> atau </style>
.post-body img {
  max-width:100%;
  height:auto;
}

Untuk melihat hasilnya gambar yang responsive di blogspot kalian silahkan lihat dibawah ini:

BACA :  CARA Pasang Iklan di Samping Artikel Blog

Jadi setiap gambar yang kalian unggah di blogspot akan mengikuti lebar dari artikel kalian tanpa harus merubah besar dan kecilnya gambar.

Artikel ini saya adopsi dari arlina design dan semoga bermanfaat untuk kalian

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *