Cách ẩn hiện wiget ở giao diện mobile và destop blogsspot

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


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

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

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

Sau đó, lưu mẫu và xem kết quả.