Sửa lỗi ảnh tràn ra ngoài lề

Khi viết bài đôi khi sẽ có những hình ảnh có chiều rộng rất lớn, sau khi xuất bản bạn thấy rằng hình ảnh đã vượt ra ngoài lề bài blog. Như vậy sẽ làm bố cục của blog sẽ bị xấu đi. Nguyên nhân của tình trạng này là do các mẫu mặc định của Blogger chưa được quy định độ rộng tối đa cho hình ảnh nên trường hợp này mới xảy ra. Hôm nay mình sẽ hướng dẫn các bạn cách để khắc phục tình trạng khó coi này băng CSS.

#Cách khắc phục

1. Đăng nhập Blogger
2. Mẫu > Chỉnh sửa HTML
3. Tìm thẻ ]]></b:skin>
4. Dán code dưới vào trên thẻ vừa tìm
Chúng ta có hai code để chọn:
-Nếu bạn chỉ muốn quy định độ rộng tối đa thì sử dụng code dưới

.post img {max-width:500px;}

-Nếu bạn muốn quy định độ rộng tối đa, chiều cao tối thiểu thì dùng code dưới

.post img {     
max-width:500px;     
min-width:200px;     
padding : 10px;     
clear: both;     
}

5. Lưu lại và xem kết quả.