[Blogger] Cách ẩn hiện wiget ở giao diện mobile và destop

  • blogger
    Như các bạn đã biết đa phần templant blogger ở việt nam đều dùng responsive ở bản mobile. việc responsive như vậy một mặt để thực hiện tốt cho người dùng sử dụng mobile hơn. Nhưng để vẹn toàn và hoàn hảo nhất thì các bạn vẫn nên sử dụng bản mobile mà blogger có sẵn. việc thiết kế bản mobile trên giao diện mobile thì sẽ nhẹ hơn và đảm bảo hơn về tốc độ của website

    Ẩn Widget trong thiết bị di động


    Trước tiên, hãy mở trình soạn thảo mẫu trên blog của bạn. Sau đó, xác định những vật dụng sẽ được ẩn trên các thiết bị di động, ví dụ, ở đây tôi sẽ giấu một widget HTML1trong mẫu bằng cách viết thẻ có điều kiện như thế này

    Code:
    <b:if cond='data:blog.isMobileRequest == "false"'>
    <b:section class='hotrofm' id='hotrofm' preferred='yes'>
    <b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
    -----
    </b:widget>  </b:section>
    </b:if>

    Hiển thị Widget ở thiết bị di động


    Và nếu bạn muốn để hiển thị duy nhất trên các thiết bị di động thì bạn có thể thay đổi các giá trị false trong đoạn mã trên thành true

    Code:
    <b:if cond='data:blog.isMobileRequest == "true"'>
    <b:section class='hotrofm' id='hotrofm' preferred='yes'>
    <b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
    -----
    </b:widget>  </b:section>
    </b:if>

    Sau đó, lưu mẫu và xem kết quả.
    Tags: #blogger

Thông tin tác giả
avatar
MEM LV2
Bài viết :
88
Points :
236
Like :
36
blogger
An toàn
Xem lý lịch thành viên
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết