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

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

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

Để 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!

Đăng nhận xét

HƯỚNG DẪN BÌNH LUẬN

2 Nhận xét

Đăng nhận xét

#buttons=(Thanks!) #days=(7)

À mình có làm website tăng tương tác MXH giá rẻ. Mọi người nếu cần thì ghé sử dụng các dịch vụ thử nha. Ghé xem dịch vụ
Ok, Go it!

HƯỚNG DẪN BÌNH LUẬN

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Định dạng chữ

<b>Chữ in đậm</b>
<i>Chữ in nghiêng</i>
<u>Chữ gạch chân</u>
<strike>Chữ gạch ngang</strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Khác

Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu