Cách Ẩn Phần Từ và Widget Bất Kì Trên Mobile Điện Thoại Cho Blogspot

Đố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é.
Cách Ẩn Phần Từ Bất Kì Trên Mobile Cho Blogspot

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: 
Đối với một đoạn HTML hay một đoạn CSS
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>
Đối với một Widget trên Blogspot
Tại phần <b:widget của tiện ích Widget đó bạn chèn đoạn code sau ngay phía sau đoạn code đó
cond='data:blog.isMobileRequest == "false"'
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!


Cùng tham gia bình luận bài viết này nhé!

Loading...