[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!

13 bình luận Tổng hợp bình luận

avatar

Thả tim cho người vừa cho triệu like :))

avatar

E thấy bác lâu sửa quá nên nghĩ bác nghỉ r nên e gỡ tạm thời. Bác sửa lại giúp e với. Nó vẫn lỗi này. Phải là "TSM Blogger" nhé bác :B)
http://i.imgur.com/3oWoMeP.png

avatar

Nó đang làm tốt mà :v đánh sai để khiến người xem tò mò click zô :)) Làm nổi bật TSM Blogger :v

avatar

Dù gì cũng nghỉ blog cùng Dii Nô rồi thì phải. Domain die not found r.

ĐĂNG KÍ NHẬN BÀI VIẾT MỚI