Hướng dẫn làm hình ảnh Reponsive trong blogger

https://www.longanit.com/2018/09/huong-dan-lam-hinh-anh-reponsive-trong-blogger.html

Hướng dẫn làm hình ảnh Reponsive trong blogger

Lê Hiền 9/14/2018
Reponsive trên các thiết bị 

Reponsive tức là hiển thị phù hợp nhất theo trình duyệt. Ví dụ như bạn có 1 hình ảnh rất lớn thì hiển thị ở pc nó to ra còn ở mobile thì nó nhỏ vừa với màn hình mobile nhưng vẫn giữ nguyên kích thước. Nôm na là vậy các bạn có thể xem ở demo hình bên dưới sẽ hiểu hơn công dụng của nó. Chủ yếu là để tương thích với nhiều thiết bị hơn mà không phải tác động nhiều

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

Để áp dụng code vào trong blogger bạn vui lòng làm theo các bước như hình bên dưới:
 Vào Blogger Dashboard > Template > Edit HTML.
Thêm đoạn css dưới đâ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ả.

1 nhận xét:

  1. Cảm ơn bạn, mình đã thử áp dụng trên site thietkeinanquangcao.com và đã làm được

    Trả lờiXóa

Một số lưu ý khi bình luận

Tất cả bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy).

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

Bạn có thể dùng ảnh động hoặc mã hóa code HTML để bình luận.