Cara dan metode Membatasi atau Mengatur Ukuran Lebar Gambar di Area Posting Blog (Single Post)
CB sering membuka blog, dengan template bawaan blogger, yang tampilan gambarnya kegedean, terlalu lebar, sehingga melebihi batas ukuran lebar area posting, menembus sidebar.
Hal itu terjadi alasannya ialah gambar yang diupload melebihi lebar area posting. Misalnya, ukuran area goresan pena 600px, tapi gambar atau foto yang diunggah sebagai ilustrasi atau pemanis postingan lebih dari itu, contohnya 800px atau 1024 pixel.
Untuk mengatasinya, terutama bagi pengguna template bawaan blogger, maka tambahkan arahan berikut ini di atas arahan ]]> </ b: skin>
.post-body img {max-width:100%}
1. Klik "Template" > "Edit HTML"
2. Cari (Ctrl+F) arahan ]]> </ b: skin>
3. Copas arahan berikut ini di atas ]]> </ b: skin>
.post-body img {max-width:100%;height: auto}
4. Save!
Ini hasilnya:
Anda juga dapat mengatur ukuran lebar gambar ilustrasi posting itu menjadi 50% dari area yang ada, atau ukuran tepat, contohnya 300px. Ubah saja angka di width (100%) menjadi ukuran yang diinginkan.
Sebaiknya sih kita mengupload gambar dengan ukuran yang persis sama dengan maksimum lebar area posting atau ukuran gambarnya sesuai dengan yang akan dimunculkan.
Jangan lupa pula cara mengoptimalkan SEO Gambar di Posting Blog. Silakan baca:
Demikian Cara dan metode Mengatur Ukuran Lebar Gambar di Postingan Blog. Good Luck & Happy Blogging! (www.contohblog.com).*
Sumber http://www.contohblog.com/
CB sering membuka blog, dengan template bawaan blogger, yang tampilan gambarnya kegedean, terlalu lebar, sehingga melebihi batas ukuran lebar area posting, menembus sidebar.
Hal itu terjadi alasannya ialah gambar yang diupload melebihi lebar area posting. Misalnya, ukuran area goresan pena 600px, tapi gambar atau foto yang diunggah sebagai ilustrasi atau pemanis postingan lebih dari itu, contohnya 800px atau 1024 pixel.
Untuk mengatasinya, terutama bagi pengguna template bawaan blogger, maka tambahkan arahan berikut ini di atas arahan ]]> </ b: skin>
.post-body img {max-width:100%}
Cara dan metode Mengatur Ukuran Lebar Gambar di Postingan Blog
Berikut ini langkah detail membatasi ukuran gambar/foto di postingan blog1. Klik "Template" > "Edit HTML"
2. Cari (Ctrl+F) arahan ]]> </ b: skin>
3. Copas arahan berikut ini di atas ]]> </ b: skin>
.post-body img {max-width:100%;height: auto}
4. Save!
Ini hasilnya:
Tampilan Gambar Sebelum Penambahan Kode
Tampilan Gambar Sesudah Kode di atas Ditambahkan
Sebaiknya sih kita mengupload gambar dengan ukuran yang persis sama dengan maksimum lebar area posting atau ukuran gambarnya sesuai dengan yang akan dimunculkan.
Jangan lupa pula cara mengoptimalkan SEO Gambar di Posting Blog. Silakan baca:
Demikian Cara dan metode Mengatur Ukuran Lebar Gambar di Postingan Blog. Good Luck & Happy Blogging! (www.contohblog.com).*
Sumber http://www.contohblog.com/
Cara Dan Teknik Mengatur Ukuran Lebar Gambar Di Postingan Blog
4/
5
Oleh
Unknown
