Ẩn widget bất kì khi vào bằng điện thoại trong Blogger

Nhớ không lầm thì trước đây có bạn hỏi mình cách ẩn đi widget khi mà người dùng truy cập vào bằng điện thoại. Về mặt cơ bản thì bên trong Blogger XML phần widget có hỗ trợ một thuộc tính giúp cho bạn làm điều này một cách đơn giản nhất. Sau đây mình xin giới thiệu đến thuộc tính này cho các bạn.

Ẩn widget bất kì khi vào bằng điện thoại

Thực chất thì thuộc tính này mình cũng có lần nói tới ở bài viết "Hướng dẫn thiết kế template Blogger đơn giản" cái phần nói về widget ấy. Bạn nào không rõ thì tiếp tục theo hướng dẫn chi tiết của mình sau đây. Đầu tiên các bạn vào chỉnh sửa HTML template của blog bạn.

Chuyển đến tiện ích trong Blogger
Chuyển đến tiện ích trong Blogger
Tại thanh điều hướng phía trên ngay trên khung code, bạn ấn vào chuyển đến tiện ích và chọn vào widget mà bạn muốn ẩn khi người dùng truy cập vào bằng điện thoại, sau đó bạn thêm đoạn mã sau đây vào trong widget mà bạn muốn ẩn
mobile='no'
ví dụ như mình muốn ẩn tiện ích bài đăng phổ biến trên điện thoại

Thêm thuộc tính không hiện trên điện thoại vào Widget
Thêm thuộc tính không hiện trên điện thoại vào Widget
chỉ cần như vậy là bạn đã hoàn tất ẩn widget đó nếu như người dùng truy cập trên điện thoại.

Lời kết

Theo mình thì đây là cách tối ưu nhất vì widget đó sẽ không load khi người dùng truy cập vào bằng điện thoại, ví dụ như bạn sử dụng css để ẩn nó đi theo giới hạn chiều rộng của màn hình thì nó vẫn load nhưng người dùng không nhìn thấy nó thôi.

5 bình luận

  1. avatar Nặc danh says

    lúc 10:05 11 tháng 11, 2014

    Vồn VỒn.

  2. avatar says

    lúc 12:28 10 tháng 12, 2014

    Vồn :P

    Nếu muốn ẩn widget với màn hình 767px thì làm thế nào Lâm? :D

  3. avatar Nặc danh says

    lúc 17:12 10 tháng 12, 2014

    Mình thử thành công. :)
    @media only screen and (max-width:767px) {
    #HTML2{display:none;}
    }
    Bạn thay HTML2 thành tên Widget bạn muốn ẩn, xem cụ thể trong Mẫu đó bạn.

  4. avatar says

    lúc 19:06 10 tháng 12, 2014

    Đúng rồi cảm ơn Việt, bác Duy thử nhé :D

  5. avatar says

    lúc 00:25 11 tháng 12, 2014

    Thank u, mai dậy thử liền :D

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.