Cách ẩn hoặc hiển thị Widget trên mobile cho Blogspot

Cách ẩn hoặc hiển thị Widget trên mobile cho Blogspot

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

Chia sẻ bài viết blogspot lên Facebook an toàn và tương tác cao
Hướng dẫn chèn mã GA vào Blogspot
Ẩn ?m=1 cuối url Blogspot bằng 1 đoạn script 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, mình 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.

Cách ẩn Widget trên giao diện mobile Blogspot

Cách làm sau đây của mình 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 mình 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 hiện
</b:widget>
</b:if>

Kết luận

Như vậy mình đã 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.
Nguồn: truongkenstar

COMMENTS

WORDPRESS: 0
DISQUS: 0