Cara Buat Gambar Di Blog Jadi Responsive

Advertisement

Cara buat gambar responsive di blog - memiliki sebuah website dengan tampilan yang responsive saat ini sangatlah penting mengingat banyak sekali pengunjung blog yang mengakses website kita melalui perangkat smartphone mereka. Dengan memiliki desain yang responsive ini, maka seluruh layout website akan menyesuaikan lebar perangkat. Bisa kalian bayangkan jika kalian masih memakai template jadul yang tidak responsive, pengunjung harus dipusingkan dengan menggeser geser layar ponsel mereka dan hal ini sangatlah tidak nyaman.

Di internet banyak sekali blogger yang membagikan template dengan desain yang responsive, kita tinggal mendownloadnya dan tinggal menginstalnya didalam blog. Namun kenyataannya masih banyak template yang mengaku responsive, namun ketika dilihat dari ponsel, ada salah satu tampilan mereka yang tidak responsive yakni gambar yang ada didalam posting posisinya tidak tepat ditengah dan bahkan ada yang terpotong. Untuk mengatasi hal ini kalian perlu menambahkan beberapa baris kode agar tampilan gambar yang ada didalam posting tersebut ikut menjadi responsive dengan cara sebagai berikut.

Cara Buat Semua Gambar Di Blog Menjadi Responsove

• Pertama silahkan anda login kedalam dasboard blogger, kemudian pilih template / edit HTML.
• Setelah anda masuk kedalam Editor Template carilah kode ]]</b:skin>
• Selanjutnya Letakkan kode CSS berikut ini tepat di atas kode ]]</b:skin> atau kode </style>

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

• Terakhir simpan template dan silahkan anda coba cek dengan membuka blog kalian melalui smartphone, apakah gambar yang ada didalam template berubah menjadi responsive atau belum.

Nah itulah tadi tips bagaimana cara membuat gambar didalam posting blog menjadi responsive, semoga bermanfaat dan jangan lupa untuk dibagikan artikelnya.

Jangan lupa baca juga : Kenapa iklan chitika tidak muncul di blog ? Ini alasannya

Advertisement