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
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
Và nếu bạn muốn để hiển thị duy nhất trên các thiết bị di động thì bạn có thể thay đổi các giá trị false trong đoạn mã trên thành true
Sau đó, lưu mẫu và xem kết quả.
Tags: #blogger
Ẩ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: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
Và nếu bạn muốn để hiển thị duy nhất trên các thiết bị di động thì bạn có thể thay đổi các giá trị false trong đoạn mã trên thành true
Code:
<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ả.
Tags: #blogger