Blogger - Khắc phục lỗi vỡ khung bài viết vì ảnh quá lớn

2013-11-01
[- A4Y.ORG -] Bài viết này mình hướng dẫn các bạn cách khắc phục lỗi vỡ khung bài viết trong Blogger/Blogspot vì hình ảnh quá lớn (hình ảnh lấn sang Sidebar).
Bạn chỉ cần thêm đoạn mã CSS với chức năng tự động thu nhỏ kích thước chiều rộng hình ảnh khi chiều rộng vượt qua giới hạn cho phép nào đó.
Auto resize Images Blogger/Blogspot

Cụ thể:
- Vào mục Mẫu, chọn Chỉnh sửa HTML.
- Bạn chèn đoạn mã CSS dưới đây vào ngay trước ]]></b:skin> trong Template:
.post img{max-width:500px;}
- Bấm Lưu mẫu để hoàn thành.
Giải thích: 500px là chiều rộng hiển thị tối đa của hình ảnh trong bài viết. Nghĩa là với những hình ảnh có chiều rộng lớn hơn 500px thì sẽ tự động thu nhỏ còn 500px (khi đó chiều cao hình ảnh cũng sẽ co lại theo đúng tỉ lệ), hình ảnh có chiều rộng 500px trở lại thì giữ nguyên kích thước. Bạn có thể thay đổi 500 thành giá trị khác nhằm phù hợp kích thước khung bài viết.
Hy vọng kiến thức nhỏ này sẽ có ích cho các bạn.

Có 1 bình luận cho bài viết "Blogger - Khắc phục lỗi vỡ khung bài viết vì ảnh quá lớn"

  1. Nguyễn Thị Chói Hay lắm bạn ơi, cám ơn nhiều nha.
Gửi bình luận cho bài viết

Sửa bài đăng
 
Di chuyển lên trên cùng

Tìm kiếm bài viết

Bình luận bài viết