Konsultasi: Crop Image di Postingan Blogger

Crop Image dengan Modifikasi Kode - Beberapa tombol cepat menggantung di tambahkan di editor postingan blogger yang baru. Salah satunya adalah tombol untuk kontrol gambar yang di upload. Misalnya saja, tombol untuk memilih ukuran gambar yang terdiri dari small (lebar atau tinggi 200px, menyesuaikan landscape dan potrait gambar), medium (lebar atau tinggi 320px, menyesuaikan landscape dan potrait gambar), large (lebar atau tinggi 400px, menyesuaikan landscape dan potrait gambar), x-large (lebar atau tinggi 640px, menyesuaikan landscape dan potrait gambar) dan original size (ukuran asli).

Nah, terkadang beberapa pilihan ukuran tersebut masih tidak sesuai dengan keinginan kita. Misalkan kita ingin menampilkan beberapa gambar di postingan dengan ukuran yang sama, tapi ukuran asli panjang dan lebar berbeda. Kita bisa memodifikasi kode gambar dengan merubah width dan height.

<img height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSGAjSb-WMJXTZR7MC7LqoZtTuiM5MH3-wHK485w4YPRZlXwXTpZ6mqWlKc887a5BossbaY0Zp2LWcjwzVbpbqo5ljaEALtUWyV-UioWZ2-lxR8ronzy-A8sqpOnBOq2XRUlB9ozBIqdQC/s200/375640_536780363026119_737594887_n.jpg" width="200" />

*yang berwarna merah angkanya bisa diubah sesuai ukuran yang diinginkan.
*kode width dan height muncul setelah pemilihan ukuran small, medium, lareg atau x-large.

Namun, sudah pasti proporsional gambar akan berbeda-beda tergantung bentuknya persegi panjang atau persegi. Untuk menyeragamkan mungkin Anda bisa mencoba crop gambar dengan modifikasi kode seperti berikut:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSGAjSb-WMJXTZR7MC7LqoZtTuiM5MH3-wHK485w4YPRZlXwXTpZ6mqWlKc887a5BossbaY0Zp2LWcjwzVbpbqo5ljaEALtUWyV-UioWZ2-lxR8ronzy-A8sqpOnBOq2XRUlB9ozBIqdQC/s200/375640_536780363026119_737594887_n.jpg"/>

menjadi

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSGAjSb-WMJXTZR7MC7LqoZtTuiM5MH3-wHK485w4YPRZlXwXTpZ6mqWlKc887a5BossbaY0Zp2LWcjwzVbpbqo5ljaEALtUWyV-UioWZ2-lxR8ronzy-A8sqpOnBOq2XRUlB9ozBIqdQC/s200-c/375640_536780363026119_737594887_n.jpg"/>

*hilangkan width dan height pada kode gambar.
*edit pada bagian yang berwarna merah dengan menambahkan kode -c  seperti kode di atas

Dengan cara ini otomatis gambar akan di-crop menjadi bentuk persegi, dan gambar tidak akan terkesan menjadi gepeng.

Item Description: Mengubah Ukuran Gambar Postingan Blogspot dengan Crop