Membuat Gambar Responsive di Blogspot

oleh -923 Dilihat
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:

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