Hình ảnh blogsot trong bài viết khi chèn vào bị lệch, nguyên nhân là gì? Vì sao? Cách khắc phục thế nào? Mời bạn xem hướng dẫn sửa lỗi này. Nó rất đơn, giúp blog của bạn dẹp hơn.
PHẦN 1: NGUYÊN NHÂN LỆCH ẢNH BLOGSPOT
Hình minh họa ảnh bị lệch qua 1 bên (khoảng cách A>B)
Sự lệch ảnh trên bài viết của tất cả các blogspot, hoặc nền tảng của blogspot là như hình trên, ảnh bị chạy sang phải.
Nguyên nhân gì gây ra?
PHẦN 2: NGUYÊN NHÂN ẢNH BỊ LỆCH
Nguyên nhân là do blogspot mặc định một kiểu style liên kết ảnh: style=”margin-left: 1em; margin-right: 1em;”.Bạn có thể xem hình chụp code bên dưới:
Đoạn code gạch đỏ trên hình làm cho ảnh bị lệch
PHẦN 3: CÁCH KHẮC PHỤC SỬA LỖI
Rất dễ nhé bạn. Chỉ cần thêm một đoạn code vào theme là xong. Hãy làm theo các bước sau:
Bước 1: Vào mục chỉnh HTML:
Làm theo hình:
Bước 2: Tìm thẻ ]]></b:skin>
Nhấn Ctrl + F tìm thẻ ]]></b:skin>
Bước 3: Thêm đoạn code bên dưới trước thẻ ]]></b:skin>
Hãy copy đoạn thẻ bên dưới dán trước thẻ ]]></b:skin> vừa mới tìm được:
a { margin-left: 0!important; margin-right: 0!important; }
Xem hình đã dán:
Tiến hành lưu lại là hoàn thành. Chắc chắn các bài viết của blog của bạn giờ có phần đẹp hơn.
PHẦN 4: LỜI CUỐI BÀI VIẾT
Như vậy bạn đã hoàn thành cách sửa lỗi lệch ảnh hoàn toàn tư động. Chúc bạn nhiều thành công!
Phần mềm xem ngày tốt xấu: Khai trương, Động Thổ, Cưới Hỏi