Cara Mudah Pasang Gambar Responsive di Blog. Biasanya pada template tidak responsive ketika mengupload gambar ukuran lebarnya lebih besar atau menggunkan x-large (format ukuran pada gambar), lalu gambar tersebut akan melewati batas posting karena gambar lebih besar dibandingkan kolom postingan pada blog, dan tentu saja tidak enak untuk di pandang oleh para pengunjung yang terkesan tidak rapi, sekarang Admin ingin membuat tutorial cara membuat gambar menjadi responsive pada blog, untuk tutorial ini sudah Admin praktekan dan 100% berhasil. Postingan ini akan menjelaskan bagaimana caranya agar gambar postingan di blog anda menjadi responsive (dapat mengikuti template blog) sehingga akan membuat gambar postingan lebih menarik ketika di baca pada layar apapun (
mobile maupun
desktop). Jadi jika layar anda berukuran besar maka gambar juga akan mengikutinya, dan jika layar berukuran kecil gambar pada postingan juga akan mengikuti.
Cara Mudah Pasang Gambar Responsive di Blog. Untuk membuat gambar postingan menjadi responsive, ikuti langkah berikut :
1. Buka akun blogger anda.
2. Pilih menu template > Klik edit HTML
3. Lalu letakan kode dibawah ini tepat di atas kode ]]></b:skin> atau </style>
.post-body img {
max-width:100%;
height:auto;
}
4. Simpan Template.
Selesai, mudah sekali untuk membuat gambar posting tersebut menjadi responsive, cukup sekian untuk tutorialnya, semoga bermanfaat. Cara mengeceknya dapat menggunakan mobilephone atau klik kanan inspect element pada desktop.
Comments
Post a Comment