Gambar ilustrasi berupa foto maupun animasi merupakan salah satu elemen visual yang penting dalam sebuah blog. Gambar yang baik bisa meningkatkan daya tarik konten dari blog itu sendiri dan bisa membuat pengunjung menjadi lebih betah untuk berlama-lama membaca.
Namun, masalah muncul ketika ukuran gambar yang kita pasang seringkali ukurannya berubah atau tidak proporsional ketika diunggah. Hal ini tentu bisa disebabkan oleh berbagai faktor, seperti misalnya ukuran asli gambar yang terlalu besar atau terlalu kecil, pengaturan dari Blogger, atau dari template yang digunakan itu sendiri.
Singkatnya jika kita tidak memperhatikan ukuran gambar tersebut, maka ada kemungkinan dapat membuat tampilan blog bisa menjadi berantakan.
Selain bisa membuat tampilan blog menjadi kurang rapih dan tidak enak dipandang, gambar yang tidak sesuai karena terlalu besar misalnya, hal ini bisa memperlambat loading halaman blog.
Sehingga pada akhirnya akan berdampak juga pada performa SEO on page, serta bisa mempengaruhi hasil pencarian blog kita dimata mesin pencari.
Oleh karena itu, cara mengatasi masalah diatas sebenarnya bisa diselesaikan dengan selalu memastikan agar gambar yang diunggah sudah memiliki ukuran yang tepat sesuai dengan template yang dipakai.
Cara Membuat Ukuran Foto di Blogger Fix Otomatis
Sebenarnya ada banyak sekali cara yang bisa kita lakukan untuk membuat ukuran gambar atau foto pada blog ini bisa menjadi fix secara otomatis.
Namun untuk lebih praktis dengan tanpa harus mengedit gambar foto satu per satu, maka kita bisa menggunakan metode CSS di template Blogger.
Cara ini lebih mudah karena kita hanya perlu mengaturnya sekali saja dan akan berlaku untuk semua gambar yang diupload nantinya.
1. Langkah pertama kita masuk ke halaman dashboard blogger terlebih dahulu > kemudian pilih menu 'Tema' > lalu pilih 'Sesuaikan'.
2. Selanjutnya pilih 'Lanjutan' > lalu pilih 'Tambahkan CSS'.
3. Langkah selanjutnya lalu salin kode dibawah ini, dan paste-kan kode tersebut pada menu Tambahkan CSS tadi.
.post-body img {max-width: 720px !important;height: auto !important;}
Catatan : Untuk teks angka berwarna merah, bisa kita ubah dan sesuaikan dengan kebutuhan. Angka 720 yang tertulis menandakan bahwa ukuran maksimal dari lebar gambar yang diupload nantinya hanya 720 pixel saja. Jadi meskipun gambar yang diupload lebih besar atau lebih kecil, ukuran akan tetap di angka tersebut.
4. Jika semuanya sudah dirasa benar, maka langkah terakhir kita bisa simpan pengaturan tersebut dengan memilih opsi 'Save' (icon disket) yang ada dibagian sebelah kanan bawah.
Hingga langkah diatas, maka cara untuk mengatur tampilan gambar di Blogger menjadi Fix secara otomatis pun telah selesai dilakukan.
Dengan menerapkan cara tersebut, kita bisa memastikan bahwa ukuran gambar di blog kita bisa tetap fix otomatis tanpa perlu khawatir akan berubah-ubah lagi.
Selain itu, gambar yang teroptimasi dengan baik tentunya akan membuat tampilan blog bisa terlihat lebih rapi, enak dipandang, dan tentunya lebih cepat saat diakses.
Namun satu hal yang perlu diingat juga, bahwa selain memastikan ukuran gambar yang pas, kita juga perlu memperhatikan size dari file gambar itu sendiri. Sebab gambar dengan ukuran file yang terlalu besar, nantinya bisa membuat loading blog jadi lambat juga.
No comments