Với bạn mới bắt đầu làm blog hay bị tình trạng hình ảnh quá lớn phá vỡ khung bài viết và chèn lấn sang các Widget bên cạnh làm mất bố cục của blog.
Để giải quyết vấn đề này chúng ta phải hạn chế kích thước hiển thị của hình ảnh, không cho hình ảnh chèn vào blog vượt quá giới hạn của bài viết.
Để giải quyết vấn đề này chúng ta phải hạn chế kích thước hiển thị của hình ảnh, không cho hình ảnh chèn vào blog vượt quá giới hạn của bài viết.
Tự động điều chỉnh kích thước hình ảnh chỉ với chế độ kích thước ban đầu
Truy cập vào trang quản trị Blogger >>> Chỉnh Sửa HTML >>> Tìm thẻ ]]> rồi chèn đoạn code sau lên trước nó:
.post-body img {max-width: 100%;max-height: auto;display: block;margin: auto;}Hoặc
.post-body img {max-width: 100%;max-height: auto;display: block;margin: auto;box-shadow: none;border: none;padding: 0px; }
Tự động điều chỉnh kích thước hình ảnh với toàn bộ hình ảnh trong bài viết
Truy cập vào trang quản trị Blogger >>> Chỉnh Sửa HTML >>> Tìm thẻ ]]></b:skin> rồi chèn đoạn code dưới đây lên trước nó.
.post-body img {Chúc các bạn có một blog như ý.
width:100%;
height:100%;
display: block;
}
Sưu tầm bởi Thủ thuật và mẹo vặt hàng ngày
Một vài hình thức kiếm tiền qua mạng để các bạn tham khảo
0 nhận xét:
Đăng nhận xét