Sửa lỗi ảnh tràn ra ngoài khung bài viết

09:09 |

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 Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. 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)

Ý kiến bạn đọc [ 0 nhận xét ] Thêm Ý kiến của bạn cho bài này

Ý kiến của bạn

* Lưu ý :
- Vui lòng gõ tiếng Việt có dấu khi viết bình luận.
- Nội dung phải liên quan đến chủ đề bài viết.
- Không dùng lời lẽ khích bác, thô tục ảnh hưởng đến người khác.
- Không đặt link đến Blog/Web khác.
- Những góp ý, thắc mắc không liên quan các bạn vui lòng post tại đây.
Thân, weblamgiau.

 
Copyright © 2011 by weblamgiau. All rights reserved.
Địa Chỉ;79,Đ.Phạm Hùng Dũng,TX.Hồng Ngự,T.Đồng Tháp
Tác giả:Tống Kiều Loan
EMAIL:weblamgiau@gmail.com
Copyright © 2011 by weblamgiau. All rights reserved.
Ghi rõ nguồn khi phát hành lại thông tin từ Website này
Design by weblamgiau. Powered by Blogger
Based on Minima Template.