Ẩn widget bất kì khi vào bằng điện thoại trong Blogger

Nhớ không lầm thì trước đây có bạn hỏi mình cách ẩn đi widget khi mà người dùng truy cập vào bằng điện thoại. Về mặt cơ bản thì bên trong Blogger XML phần widget có hỗ trợ một thuộc tính giúp cho bạn làm điều này một cách đơn giản nhất. Sau đây mình xin giới thiệu đến thuộc tính này cho các bạn.

Ẩn widget bất kì khi vào bằng điện thoại

Thực chất thì thuộc tính này mình cũng có lần nói tới ở bài viết "Hướng dẫn thiết kế template Blogger đơn giản" cái phần nói về widget ấy. Bạn nào không rõ thì tiếp tục theo hướng dẫn chi tiết của mình sau đây. Đầu tiên các bạn vào chỉnh sửa HTML template của blog bạn.


Chuyển đến tiện ích trong Blogger

Tại thanh điều hướng phía trên ngay trên khung code, bạn ấn vào chuyển đến tiện ích và chọn vào widget mà bạn muốn ẩn khi người dùng truy cập vào bằng điện thoại, sau đó bạn thêm đoạn mã sau đây vào trong widget mà bạn muốn ẩn
mobile='no'
ví dụ như mình muốn ẩn tiện ích bài đăng phổ biến trên điện thoại

Thêm thuộc tính không hiện trên điện thoại vào Widget

chỉ cần như vậy là bạn đã hoàn tất ẩn widget đó nếu như người dùng truy cập trên điện thoại.

Lời kết

Theo mình thì đây là cách tối ưu nhất vì widget đó sẽ không load khi người dùng truy cập vào bằng điện thoại, ví dụ như bạn sử dụng css để ẩn nó đi theo giới hạn chiều rộng của màn hình thì nó vẫn load nhưng người dùng không nhìn thấy nó thôi.
http://www.kslzone.net/2014/10/an-widget-khi-vao-bang-dien-thoai-trong-blogger.html
Share this on Google+ Tumblr

Leave a comment

To insert a link, use tag [url=http://your_link]your-link[/url]
To insert the code , use the tag <i rel="code">your-code</i>
The long code can use the tag <i rel="pre">your-long-code</i>
To insert an image , use the code [img]URL Image[/img]
To insert a title , use tag <b rel="h4">Your Title here...</b>
To creat Bold text <strong>Your text here...</strong>
To create Italic text used tag <em>Your text here...</em>

:) :( :p :D :o ;) 8-) 8:) :/ :'( 3:) O:) :* <3 ^_^ -_- o.O O.o >:o :v :3
Cancel