Cách ẩn phần tử bất kì trên mobile cho blogspot

Vì lý do nào đó trong quá trình chỉnh sửa template, chúng ta cần ẩn một phần tử nào đó của blog để nó không hiển thị trên mobile.

Thông thường, đối với 1 Template Responsive thì tác giả đã làm cho phần hiển thị các phần tử như widget (tiện ích), top menu, main menu, header, footer tối ưu hóa hết sức có thể rồi và trông rất gọn và đẹp.

Tuy nhiên, đối với 1 phần tử chưa được điều chỉnh để responsive nếu bạn cảm thấy khó quá hoặc nhiều khi không muốn hiển thị quá nhiều phần tử trên chế độ xem ở điện thoại (mobile) thì ta sẽ tìm cách ẩn chúng đi góp phần tăng tốc độ tải trang trên mobile.

Để giải quyết vấn đề này thì mình xin chia sẻ cho các bạn 1 thủ thuật đơn giản giúp ẩn những phần tử không cần thiết trên mobile nhé.

Cách ẩn phần tử bất kì trên mobile cho blogspot

Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Bước 2: Dán đoạn mã ẩn phần tử bất kì dưới đây theo cú pháp:

<b:if cond='data:blog.isMobileRequest == "false"'>
Phần tử cần ẩn
</b:if>

Bước 3: Lưu template lại.

Kết luận

Vậy là xong rồi đó. Chỉ đơn giản thế thôi. Cái quan trọng bạn cần làm là xác định đúng vị trí phần tử cần được ẩn đi, sẽ cần có thêm chút kiến thức về HTML để tìm được các thẻ hiển thị phần tử. Cố gắng mày mò chút là ra thôi!