Code CSS giúp tạo hình ảnh responsive trong blogspot

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.

Code CSS giúp tạo hình ảnh responsive trong blogspot
Các bạn vào chỉnh sửa HTML và thêm đoạn code sau vào trên thẻ đóng ]]></b:skin>
.separator a{margin:0px !important;}
.post img{max-width:100%;height:auto;}
Lưu lại và xem kết quả.
Cập nhật: mình đã xài thử và rất thích thú nha :v
Theo codeseo.net

Đăng nhận xét

18 Nhận xét

» Hướng dẫn nhúng hình ảnh: chỉ cần sử dụng link ảnh dán vào, vd: http://domain.com/image.png
» Tham trang khảo ảnh động cực cute: Qoobee
» Hướng dẫn nhúng link trang web: <a href="url" rel="nofollow">Link</a>
» Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
» Không spam link, chia sẻ các link không liên quan đến bài viết.
» Không xuyên tạc, bôi nhọ tổ chức hay cá nhân nào.
» Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước. Xem thêm...

  1. Chỉnh thành separator a{margin:0px!important} sẽ gọn hơn

    Trả lờiXóa
  2. đặt lại liên kết e với a Niệm :(

    Trả lờiXóa
    Trả lời
    1. Blog em đâu? vào đây comment cho a phát nào!

      Xóa
    2. Tên hiển thị: Đức Huy Blog
      URL: http://www.nguyenhuyit.tk/

      Xóa
    3. a sẽ thường xuyên xem xét tình hình Blog e đấy, cứ ảnh bài nhìu vào đi là a hủy LK nha!

      Xóa
  3. làm tương tác làm nổi bật Liên Kết cho nhau đi anh :D

    Trả lờiXóa
  4. Responsive cho ảnh bài viết ở widget tì sao bạn

    Trả lờiXóa
    Trả lời
    1. ý bạn hỏi là sao? ảnh bài viết ở widget? hình như có cái gì đó sai sai @@

      Xóa
  5. Cái này xài sao anh niệm em chưa hiểu lắm

    Trả lờiXóa
  6. Trả lời
    1. a xài thử và vẫn ok nha, e koi lại cấu trúc temp của em thử.

      Xóa