Membuat Gambar Responsive di Blogspot

oleh -215 views

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 :  Tips menjadi blogger

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

About Author: purji

Gambar Gravatar
Saya adalah blogger dari sangatta, kutai timur. Blogger newbie yang berusaha menulis walaupun tidak sempurna

Tinggalkan Balasan

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