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ả.

Comments

  1. Trang blog của mình chuyên post ảnh, nhưng sao post ảnh vào nó quá nhỏ, dùng cách này ko dc, có cách nào để kéo chìu ngang của ảnh lên mà chìu cao nó tự lên theo không bạn? Nói chung là làm cho ảnh to đều lên á!
    Ulr blog: http://ken-8232.blogspot.com/

    ReplyDelete
    Replies
    1. Mình thấy ảnh to vậy là được rồi còn gì. Ảnh nhỏ hay to phụ thuộc vào tùy chọn của bạn khi thêm ảnh vào bài viết.
      Khi thêm ảnh vào bìa viết thì bạn click chuột trái vào ảnh, ở dưới sẽ có mấy kích thước: Nhỏ, trung bình, to hoặc là kích thước ban đầu.
      Nếu muốn to thì bạn cứ chọn to

      Delete

Post a Comment



» Vui lòng không spam vì nó sẽ bị xóa ngay sau đó.
» Nếu chèn code hãy mã hóa trước khi chèn vào nhận xét.
» Nếu thủ thuật Blog không áp dụng được thì hãy để lại URL blog để mình tiện kiểm tra.