Sửa lỗi ảnh tràn ra ngoài khung bài viết
Giới thiệu: Đôi khi ảnh trên blog của bạn bị tràn ra cả ngoài, trông rất là xấu. Vì vậy để định ảnh không tràn ra ngoài khung bài viết ta cần quy định chiều ngang tối đa cho phép của ảnh, khi đó nếu ảnh quá to sẽ tự thu nhỏ lại theo kích thước quy định.
Điều chỉnh kích thước MIN và MAX của ảnh hiển thị: Với hình ảnh to hơn giá trị MAX thì sẽ tự động điều chỉnh về giá trị MAX. Nếu ảnh nhỏ hơn giá trị MIN thì sẽ tự điều chỉnh về kích thước MIN.
CÁCH THỰC HIỆN
1. Đăng nhập Blogger
2. Chọn: Mẫu > Chỉnh sửa HTML
3. Chèn script.
Bước 1: Tìm dòng .post img { hoặc img { hoặc .data-post img { ,...
- Thêm sau nó đoạn code CSS sau:
Điều chỉnh kích thước MIN và MAX của ảnh hiển thị: Với hình ảnh to hơn giá trị MAX thì sẽ tự động điều chỉnh về giá trị MAX. Nếu ảnh nhỏ hơn giá trị MIN thì sẽ tự điều chỉnh về kích thước MIN.
CÁCH THỰC HIỆN
1. Đăng nhập Blogger
2. Chọn: Mẫu > Chỉnh sửa HTML
3. Chèn script.
Bước 1: Tìm dòng .post img { hoặc img { hoặc .data-post img { ,...
- Thêm sau nó đoạn code CSS sau:
max-width:500px; /*Chiều rộng tối đa*/
min-width:200px; /*Chiều rộng tối thiểu*/
clear: both;
}
- Nếu không có thì tìm dòng ]]></b:skin>
- Thêm vào trước nó đoạn code CSS sau:
.post img {
max-width:500px; /*Chiều rộng tối đa*/
min-width:200px; /*Chiều rộng tối thiểu*/
clear:both;
}
Bước 2: Save template. (Lưu mẫu)
Nếu bạn thấy bài viết hay thì có thể share đó là niềm động lực để mình viết tiếp. Nếu có bất cứ lỗi nào trong quá trình thực hiện có thể comment hoặc liên hệ với mình qua mục liên hệ.
Share This:
Jillur Rahman
I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.
blog của mình bị trường hợp ảnh tràn ra ngoài trong bản mobi. www.thephoaphat.org hỗ trợ dùm mình với nha. Cảm ơn bạn nhiều
ReplyDelete