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="http://1.bp.blogspot.com/-q0SllRWoMWQ/UhQh2TYnEcI/AAAAAAAAFvg/Clu_7MgPCpg/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="http://1.bp.blogspot.com/-q0SllRWoMWQ/UhQh2TYnEcI/AAAAAAAAFvg/Clu_7MgPCpg/s200/375640_536780363026119_737594887_n.jpg"/>
menjadi
<img src="http://1.bp.blogspot.com/-q0SllRWoMWQ/UhQh2TYnEcI/AAAAAAAAFvg/Clu_7MgPCpg/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
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="http://1.bp.blogspot.com/-q0SllRWoMWQ/UhQh2TYnEcI/AAAAAAAAFvg/Clu_7MgPCpg/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="http://1.bp.blogspot.com/-q0SllRWoMWQ/UhQh2TYnEcI/AAAAAAAAFvg/Clu_7MgPCpg/s200/375640_536780363026119_737594887_n.jpg"/>
menjadi
<img src="http://1.bp.blogspot.com/-q0SllRWoMWQ/UhQh2TYnEcI/AAAAAAAAFvg/Clu_7MgPCpg/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
Izin save ya, ilmu baru :D
BalasHapussama sama kang, semoga bermanfaat yaaa
Hapusmas bagaimana kalau di related post blogger, kadang thumnail yang di sajikan malah buram , inginya thumbnailnya jelas dan bersih
BalasHapuscontohnya mass?
Hapusmas mau tanya mohon bantuanya, kenapa yah setiap related post yg ada thunambilnya gambarnya kok ga sesuai sama yg aslinya seperti di corp itu gambar, jadi seperti terpotong itu gambar ga bisa kliatan smua seperti aslinya, tolong di blz ya nanti sy kasih contohnya kalau uda di blz
BalasHapus