Tự động điều chỉnh kích thước ảnh hiển thị trên Blogger

 Thông thường khi post bài lên blogger, bạn sẽ up kèm một vài hình ảnh. Tuy nhiên, việc post ảnh trên blogger còn một vài hạn chế về kích thước ảnh. Chỉ có vài tùy chọn hiển thị kích thước ảnh bao gồm: Small, Medium, Large, X-Large và Original Size (Nhỏ, Trung Bình, Lớn, Rất Lớn và Kích Thước Gốc). Trong trường hợp ảnh có kích thước quá lớn có thể dẫn đến tràn bề ngang của trang blog, gây mất thẩm mỹ.

Bài viết sẽ hướng dẫn các bạn cách tùy chỉnh kích thước ảnh đơn giản nhất theo các bước sau:

1. Đăng nhập vào Blogger >> Template >> Customize

2. Click Advanced >> Add CSS

Điền dòng code sau vào ô bên phải:

.post-body img {max-width: 520px;}

Xem hình bên dưới:

Lưu ý: max-width là chiều rộng tối đa của ảnh, tùy theo kích thước blog của bạn mà bạn có thể thay đổi cho phù hợp.
Ngoài ra, bạn còn có thể dùng các thuộc tính sau để thay đổi kích thước ảnh:

.post-body img { width:600px; height:auto;}

.post-body img { min-width: 50px; min-height:auto;}

.post-body img { margin-left: 30px;}