Css tạo hình ảnh responsive cho blogger blogspot

Responsive là công nghệ mới mà hiện thời hầu như mọi website đang áp dụng, công nghệ responsive tương thích với mọi loại monitor hiển thị giúp cho site thân thiết hơn với người mua và post này sẻ chỉ dẫn cách để hình ảnh hiển thị responsive cho site và blogspot

Css giúp hình ảnh tương thích với nhiều thiết bị

Ở đây tôi chỉ áp dụng với blog nhưng mọi người có thể áp dụng rộng hơn với mọi thành phần hình ảnh trong website.Đối với blogspot

1. Vào Blogger Dashboard > Template > Edit HTML.
2. Thêm đoạn css Sau đây vào trên thẻ ]]</b:skin>

.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}

Sau đó lưu mẫu lại và xem kết quả.