[Blogspot] Ẩn phần tử bất kì trên chế độ xem mobile

Đối với 1 Responsive Template 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, tốc độ load trang sẽ nhanh hơn nữa.
Để giải quyết vấn đề đó thì mình xin chia sẻ cho các bạn 1 cú pháp đơn giản giúp ẩn những phần tử không cần thiết trên mobile nhé.

Ẩn phần tử bất kì trên chế độ xem mobile

Cách thực hiện: 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!

Chúc các bạn thành công nhé :)

TSM Blogger

Chào mừng các bạn đến với TSM. Blog chia sẻ thủ thuật blogspot, tin tức công nghệ, thể thao, kho template blogspot và nhiều thứ khác. Mong các bạn luôn ủng hộ để blog luôn vững mạnh!