TUTORIAL: Cara Mengubah Ukuran Foto Otomatis pada Blogpost

Selamat Senin!

Monday Techno kali ini, saya mau kasih tutorial supaya semua foto di blog post ukurannya jadi sama. Tanpa perlu resize di Photoshop atau di software/apps editing foto!

Emang bisa ya? Bisa dong! :D

Tutorial ini khusus untuk Blogspot aja ya. Untuk WordPress tinggal Install Plugin-nya di sini. :)

Caranya gampang, via CSS. Masuk ke Dashboard - Template - Customize - Advance - Add CSS.
Kalau ada kode lain, biarkan aja jangan diotak-atik. Kemudian copy-paste kode di bawah ini:

.post-body img {
max-width: 600px !important;
height: auto !important;
}
.pinit-wrapper img {
max-width: 125px !important;
height: auto !important;
}

Yang saya bold dan diberi warna merah itu, ukuran maksimum foto yang akan ter-upload. Terserah sih bebas mau diisi berapa. Sesuaikan dengan width blognya aja.

NOTE: Kode ini fungsinya hanya mengecilkan foto yang terlalu besar. Foto yang ukurannya memang di bawah angka width maksimum, tidak akan jadi membesar.

Kode kedua yang pinit-wrapper itu fungsinya untuk Pin button Pinterest agar tidak ikut ter-resize. Kalaupun nggak install, Pin It button, nggak masalah sih, siapa tahu di masa depan mau install.

(Baca juga: Serunya Pinterest!)

Udah deh. Gampang kan?

Tapi meskipun sudah bisa di-resize otomatis, aku sih tetap sarankan untuk resize dulu foto-foto yang ukurannya sangat besar (misal di atas 1 MB). Fungsinya agar page blog post kita tidak terlalu berat saat loading. Foto yang berukuran besar juga ngabisin kuota internet orang yang baca. LOL.

Belum tahu caranya? Ini tutorial untuk resize foto banyak sekaligus di Photoshop

ya!