2 Mẫu Responsive Template cơ bản [Download]

Trước đây mình đã giới thiệu một bài về cách tạo responsive cho blogspot nhưng đã có vài bạn phản ánh rằng hơi khó hiểu, trùng hợp mình gặp một bài ở blog DTE:] có cung cấp 2 mẫu Responsive Template cơ bản dạng 2 cột và dạng 3 cột dành cho blogspot. Khung mẫu cơ bản sẵn có bạn chỉ việc chỉnh sửa giao diện và thêm các tiện ích khác cho blog là xong. Hoặc bạn cũng có thể sử dụng 2 mẫu này để nghiên cứu sâu hơn về vấn đề này

Demo 2 Cột Demo 3 Cột Download

Ở 2 bản mẫu mình cung cấp, giao diện blog sẽ thay đổi khi kích cỡ màn hình là 740px và 570px

@media screen and (max-width:1024px) {
    #outer-wrapper {width:100%;}
}

@media screen and (max-width:740px) {
    #main-wrapper,
    #sidebar-wrapper {
      float:none;
      display:block;
      width:auto;
      padding:5%;
    }

    #sidebar-wrapper .widget-content {margin:0 0 10px;padding:0;}
}

@media screen and (max-width:570px) {
    #header h1 {font-size:170%;}
}

Chúc bạn thiết kế được template hoàn chỉnh nhất cho blog của mình. Cảm ơn đã ghé thăm và đừng quên ủng hộ TrollVL bằng cách comment và góp ý nha!

Nguồn  DTE:]