Cara Membuat Gambar Postingan Responsive Saat Di Buka Di Mode Seluler




Gaes apakah kalian pengguna blogger atau hosting web lainnya, bagi kalian yang menggunakan tema hasil download kadang selalu ada miss pada bagian tertentu, seperti yang admin alami adalah Gambar postingan yang tidak responsive di beberapa perangkat terutama pada perangkat ponsel, alhasil gambar menjadi tidak proposional alias gepeng.


Dan apa yang terjadi, tentu saja postingan jadi aneh dan para pembaca pun jadi malas membaca postingan blog kita karna postingan yang tidak rapih dan tidak enak di pandang.

Ada beberapa cara yang bisa di gunakan untuk mengatasi masalah tersebut Ada yang manual atau otomatis dengan menggunakan Script

Ikuti Tutorial di bawah dengan seksama agar tidak terjadi miss saat pengaplikasian Script





Cara Membuat Gambar Menjadi Responsive :


  1. Masuk Blogger


  2. Pilih Template => Edit HTML


  3. Letakkan kode CSS berikut tepat diatas kode ]]></b:skin>  atau </style> 




.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}
  
Contoh :


.separator a{margin-left:0px !important;margin-right:0px !important;} .post img{max-width:100%;height:auto;}


]]></b:skin> 



4. Lalu Save


Cara mencoba apakah scriptnya work atau tidak, kita bisa membuka blog kita lewat perangkat seluler secara langsung, atau lewat browser pc dengan cara Klik Kanan Pada Postingan / Blog - Inspect - Tekan CTRL + SHIFT + M 


Happy Blogging Gaes

2 comments

  1. Terimakasih sangat membantu 😁
    1. oke sama sama sobat