QC

Khắc phục lỗi hình ảnh lớn hơn khung bài viết cho Blogger

Bài viết đầy tiên về nền tảng Blogger trên Dân Công Nghệ sẽ không hướng dẫn bạn cách làm thế nào để khởi tạo một Blog với Blogger. Bởi các hướng dẫn trên mạng đã quá nhiều và chi tiết, chúng tôi sẽ đi sâu vào những thắc mắc, thủ thuật nâng cao để giúp bạn tối ưu blogger.

Đối với các Template Blogger mặc định hoặc một số Template không được tối ưu sẽ thường mắc phải lỗi hình ảnh bị lấn ra khỏi khung bài viết. Để khắc phục thì thông thường thì mọi người sẽ làm một cách thủ công là thay đổi kích thước ảnh của nó tại phần soạn thảo bài viết. Nhưng như vậy thì mất công quá, đôi khi với những template có chức năng responsive thì khi thu nhỏ màn hình lại thì khả năng cao là ảnh sẽ tiếp tục lấn ra khỏi phần bài đăng.

Do đó để khắc phục tình trạng ảnh lấn ra khỏi bài đăng này thì sau đây tôi sẽ hướng dẫn các bạn một thủ thuật nhỏ để giúp các bạn sửa lỗi đó một cách nhanh chóng và đặc biệt ảnh sẽ tự động co dãn theo chiều rộng của bài đăng.

Cho những bạn nào muốn tìn hiểu thêm thì thủ thuật này đơn giản sử dụng CSS giới hạn chiều rộng của ảnh chỉ được phép đạt tối đa 98% độ rộng của khung bài viết, vì đôi khi để 100% nó vẫn lòi qua ngoài một chút xíu cho thuộc tính từ chèn vào cho hình ảnh ở khung soạn thảo.

Bước 1: Vào Mẫu > Chỉnh sửa HTML kiếm đến thẻ ]]></b:skin>

Bước 2: Sao chép và dán đoạn css sau vào trên thẻ ]]></b:skin>
.post img {max-width:98% !important}
Sau khi hoàn tất mọi thứ thì blog của bạn đã khắc phục thành công lỗi ảnh lấn ra ngoài bài đăng. Hiện tại thì nền tảng Blogger miễn phí này có khá nhiều những thứ không hợp lý, nhưng hầu hết cách khác phục chúng thì cũng khá là đơn giản, ở những bài viết sau này trên chuyên mục Blogger, tôi sẽ chia sẽ nhiều hơn những thủ thuật nhỏ giúp các bạn có được một website ưng ý theo sở thích của mình mời các bạn đón xem.
Khắc phục lỗi hình ảnh lớn hơn khung bài viết cho Blogger Reviewed by Unknown on 05:25 Rating: 5

Không có nhận xét nào:

All Rights Reserved by Tạp Chí Công Nghệ - Dân Công Nghệ Việt Nam © 2014 - 2015
A Product of iZdesigner Team

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.