Chuyển đến nội dung chính

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

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.

Bài đăng phổ biến từ blog này

Những Status hay và tâm trạng nhất về Tình yêu đơn phương

Tổng hợp những status hay và tâm trạng nhất khi người con trai hay người con gái đang yêu đơn phương.
Yêu đơn phương là một loại tình yêu say đắm hoàn mỹ nhất trên đời này, bởi vì tuyệt đối cũng không bao giờ bị thất tình. Nhưng chỉ có người chân chính từng trải mới biết được: Loại tình yêu không thể nói lên lời này, đó mới là loại tình yêu yếu ớt nhất trên thế giới.

Hình ảnh động đẹp về Hoa Hồng, rực rỡ sắc màu

Dưới đây là tổng hợp ảnh động đẹp về Hoa Hồng với nhiều màu sắc và kiểu dáng khác nhau do chính A4Y sưu tầm và chia sẽ lại.
Hoa Hồng là loài hoa không thể thiếu trong ngày lễ tình nhân 14/2 sắp tới phải không nào?...

Ảnh vui comment facebook khen status hay, người đẹp

Vài tấm ảnh vui, hài hước dùng để nhận xét (bình luận, comment trên facebook) với ý nghĩa khen status viết hay, ảnh đẹp thật là ngưỡng mộ.

Ảnh đẹp mùa Đông với Status hay, tâm trạng và ý nghĩa nhất

Tuyển tập những hình ảnh đẹp nhất về mùa Đông với những dòng Status đầy tâm trạng và ý nghĩa khi những cơn gió mang hơi lạnh của mùa Đông đến.
Ấm áp không phải khi bạn nói "Ấm quá", mà là khi có người thầm thì vào tai bạn "Có lạnh không?". Ấm áp chưa hẳn là khi bạn ôm ai đó thật chặc, mà khi ai đó khoác lên vai bạn thật khẽ. Ấm áp là khi mùa Thu qua, cái lạnh ùa về và có ai đó thầm thì vào tai bạn: "Chúc em một mùa Đông ấm áp".

Hình ảnh đẹp về con đò và bến sông xưa

Tuyển chọn những hình ảnh đẹp về con đò trên bến sông xưa ở Việt Nam. Những hình ảnh này gợi trong ta nỗi nhớ về quê hương, làng quê xưa.

Một số câu niệm Phật và ý nghĩa

Chúng ta khi niệm Phật ít ai thật sự hiểu hết ý nghĩa của lời niệm. Niệm Phật là để ta tưởng nhớ đến Phật, đến công đức mà Ngài vì chúng sanh cứu độ. Khi ta hiểu hết ý nghĩa, tâm ta tự sinh từ bi, tâm ta tự ngộ và ta tự đem sự an lạc, hạnh phúc đến cho tâm ta.

Tùy chỉnh kích thước khổ giấy trong Word 2003

Bạn có thể để khổ giấy văn bản của bạn là một khổ giấy nhất định mỗi khi mở chương trình lên. Thông thường văn bản thường được đặt là khổ giấy A4, đôi khi bạn cần phải thay đổi khổ giấy cho một loại văn bản đòi hỏi có khổ giấy khác.

Hình ảnh đẹp chào đón tháng 12, Hello December!

A4Y xin gửi đến các bạn những hình ảnh đẹp về chủ đề chào mừng tháng 12 đang đến.
Đó là những hình ảnh về tháng mười hai với slogan "Hello December" thật đẹp và ý nghĩa! Xin chúc tất cả chúng ta sẽ gặp nhiều may mắn và thuận lợi trong tháng 12 này nhé!..

Hình ảnh người con trai buồn đầy tâm trạng

Tuyển chọn những hình ảnh đẹp thể hiện tâm trạng buồn về người con trai khi bước vào đường yêu hay khó khăn trong cuộc sống bộn bề.
Xin tặng bộ ảnh này cho các bạn là đàn ông, con trai đang buồn. Chúc các bạn sẽ mau chóng vượt qua nỗi buồn này..