Giới hạn chiều rộng ảnh trong bài viết blogspot

Khi dùng blogspot chắc các bạn đã gặp trường hợp những bức ảnh trong bài viết của bạn do kích thước quá to nên bị tràn ra khỏi khung blog.
Để giới hạn kích thước chiều rộng hình ảnh trong bài viết (tất nhiên khi đó chiều cao cũng sẽ giảm xuống tỉ lệ với chiều rộng) bạn làm như sau:
- Vào mục Mẫu, chọn tiếp Chỉnh sửa HTML
- Chèn đoạn mã dưới đây vào ngay trước
]]></b:skin>
.post img{max-width:550px;}
- Bấm Lưu mẫu để hoàn thành.
Với 550 là giới hạn kích thước chiều rộng của hình ảnh hiển thị trong bài viết, nghĩa là: Những hình ảnh có chiều rộng lớn hơn 550px sẽ tự động thu nhỏ xuống còn 550px, những hình ảnh có kích thước chiều rộng 550px trở lại thì giữ nguyên kích thước. Bạn có thể thay đổi 550 thành giá trị khác!.

Comments