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<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.