Tối ưu hóa giao diện mobile là một trong những vấn đề quan trọng của một website, nếu website bạn không được tối ưu giao diện mobile không n...
Tối ưu hóa giao diện mobile là một trong những vấn đề quan trọng của một website, nếu website bạn không được tối ưu giao diện mobile không những ảnh hưởng đến SEO mà còn ảnh hưởng đến việc duyệt web của người dùng.
Hôm nay, OkeABC sẽ hướng dẫn các bạn cách hiển thị hoặc ẩn Widget trên giao diện mobile cho Blogspot.
[ads-post]
Cách ẩn Widget trên giao diện mobile Blogspot
Cách làm sau đây của OkeABC chỉ có ảnh hưởng trên các điện thoại thông minh và sẽ không ảnh hưởng đến máy tính, máy tính bảng, iPad...
Đầu tiên, các bạn hãy mở trình chỉnh sửa HTML chủ đề của blog bạn bằng cách vào menu quản lý Blogspot chọn "Chủ đề" rồi chọn "Chỉnh sửa HTML". Ở đây các bạn sẽ xác định các Widget muốn ẩn (Không hiển thị) trên thiết bị di động. Ví dụ ở đây OkeABC sẽ ẩn một Widget HTML1
Bằng cách thêm một thẻ điều kiện (được bôi màu vàng đó) như dưới:
<b:if cond="data:blog.isMobileRequest == "false"">
<b:widget id="HTML1" locked="false" title="" type="HTML" version="1" visible="true">
-----Copy thẻ bôi vàng để dóng nội dung thẻ Widget cần ẩn-----
</b:widget>
</b:if>
Cách hiển thị Widget trên thiết bị di động
Nếu muốn hiển thị nó trên điện thoại thì chúng ta cũng sử dụng thẻ điều kiện trên tuy nhiên thay false bằng true:
<b:if cond="data:blog.isMobileRequest == "true"">
<b:widget id="HTML1" locked="false" title="" type="HTML" version="1" visible="true">
-----Copy thẻ bôi vàng để dóng nội dung thẻ Widget cần ẩn-----
</b:widget>
</b:if>
Kết luận :
Như vậy OkeABC đã hướng dẫn các bạn cách tùy biến ẩn hoặc hiện bất kì một Widget nào đó trên giao diện mobile Blogspot. Thủ thuật này sẽ giúp blog của bạn được thân thiện với thiết bị di động và tốt cho SEO Google hơn.
COMMENTS