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

   Khi mới viết blog bạn sẽ gặp phải tình huống khi chèn ảnh vào bài viết, nếu để ảnh ở kích thước lớn, thường là x-large sẽ tràn ra khỏi khung bài viết, vậy thì cần phải giải quyết như thế nào, bạn hãy xem hướng dẫn bên dưới nhé:

Ảnh tràn ra khỏi khung bài viết

Ảnh sau chỉnh sửa nằm vừa trong khung bài viết

Điều cần lưu ý, sau khi bạn làm thủ thuật này, tất cả các hình trong quá khứ nếu bạn để chế độ “Kích thước ban đầu” sẽ bị ảnh hưởng theo.

 1. Đăng nhập vào Blog

 2. Vào Mẫu (Theme)

 3. Chọn chỉnh sửa HTML (Edit HTML)
 4. Tìm đến dòng code sau:

]]></b:skin>

 5. Dán vào Trước nó đoạn code sau:

.post-body img {

max-width: 100%;

max-height: auto;

display: block;

margin: auto;

box-shadow: none;

border: none;

padding: 0px;

}

 6. Cách dùng. Sau mỗi lần upload hình lên, bạn chọn “Kích thước ban đầu“.

Đoạn code ở Bước 2 chỉ có tác dụng cho những ảnh bạn đã chọn “Kích thước ban đầu”, nếu bạn chọn những cái khác ví dụ như “Lớn” hay “Trung bình” thì đoạn code không có tác dụng. Thay vào đó, bạn vẫn muốn thay đổi cả những hình mà khi trước bạn đã chọn “Lớn” hay “Trung bình” này thì ở Bước 2 dùng đoạn code sau đây

.post-body img {

width:100%;

height:100%;

display: block;

}

Hãy cẩn trọng vì nếu có vài bài viết mà hình trong đó bạn để float trái hay phải thì nó cũng sẽ tự động được tăng kích thước lên 100%.

                                                                           (Theo helplogger.blogspot.com)