[Blogger] Cách ẩn hiện wiget ở giao diện mobile và destop

avatar

blogger68
191
29
blogger
An toàn
cập nhật
Thành viên quen thuộc
Thành viên quen thuộc

Bài viết :
68
Points :
191
Like :
29
blogger
An toàn
cập nhật
Như các bạn đã biết đa phần templant blogger ở việt nam đều dùng responsive ở bản mobile. việc responsive như vậy một mặt để thực hiện tốt cho người dùng sử dụng mobile hơn. Nhưng để vẹn toàn và hoàn hảo nhất thì các bạn vẫn nên sử dụng bản mobile mà blogger có sẵn. việc thiết kế bản mobile trên giao diện mobile thì sẽ nhẹ hơn và đảm bảo hơn về tốc độ của website

Ẩn Widget trong thiết bị di động


Trước tiên, hãy mở trình soạn thảo mẫu trên blog của bạn. Sau đó, xác định những vật dụng sẽ được ẩn trên các thiết bị di động, ví dụ, ở đây tôi sẽ giấu một widget HTML1trong mẫu bằng cách viết thẻ có điều kiện như thế này

Code:
<b:if cond='data:blog.isMobileRequest == "false"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>

Hiển thị Widget ở thiết bị di động


Và nếu bạn tôi muốn để hiển thị phụ tùng chỉ có trên các thiết bị di động bạn duy nhất có thể thay đổi các giá trị falsetrong đoạn mã trên vàotrue

Code:
<b:if cond='data:blog.isMobileRequest == "true"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>

Sau đó, lưu mẫu và xem kết quả.
Tags: #blogger
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...