Hiển thị

Home »
Thứ Tư, 7 tháng 12, 2011

Ẩn các widget ở một trang nhất định


Việc thao tác trên các widget của blogspot cũng rất quan trọng, đặc biệt khi bạn có nhiều tiện ích trên blog. Hôm nay mình hướng dẫn bạn cách để ẩn một số widget cho một bài viết, một nhãn hay một trang nhất định nào đó. Trước đây thì mình đã giới thiệu bạn cách hiển thị bài viết ở một trang nhất định, tuy nhiên để ẩn các widget khác ở trên cùng trang này thì bạn cần đến thủ thuật này, bạn có thể kết hợp 2 thủ thuật này để tạo một trang riêng trên blog của mình.

1. Đăng nhập và vào phần thiết kế
Để ẩn được widget bạn cần xác định được ID của widget đó, ID của widget sẽ hiển thị trên thanh địa chỉ khi bạn click Chỉnh sửa (Edit) widget đó.
Sau khi xác định được ID của widget đó, bạn muốn ẩn widget này (ở đây mình ví dụ là ẩn widget có ID là HTML12) bạn làm như sau:

2. Bây giờ bạn nhấn chỉnh sửa HTML (Edit HTML)
3. Tìm đến thẻ đóng </head> và thêm vào trước nó một trong các code tùy chọn bên dưới.

A. Ẩn widget ở các trang bài viết
<style type='text/css'>
<b:if cond='data:blog.pageType == "item"'>
#HTML12 {display:none;}
</b:if>
</style>

B. Ẩn widget ở trang chủ
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#HTML12 {display:none;}
</b:if>
</style>

C. Ẩn widget ở trang nhãn
<style type='text/css'>
<b:if cond='data:blog.url == "http://www.traidatmui.com/search/label/Advanced blogger"'>
#HTML12 {display:none;}
</b:if>
</style>

Bạn hãy thay dòng màu xanh (http://www.traidatmui.com) thành địa chỉ blog của bạn và dòng (Advanced blogger) thành tên nhãn bài viết của bạn.

D. Ẩn widget ở trang nhất định
<style type='text/css'>
<b:if cond='data:blog.url == "http://www.traidatmui.com/2010/03/hien-thi-widget-o-nhung-trang-nhat-inh.html"'>
#HTML12 {display:none;}
</b:if>
</style>

Bạn thay link màu đỏ thành link mà bạn muốn ẩn widget.

Ở trên mình chỉ ví dụ là ẩn 1 widget, nếu bạn muốn ẩn nhiều widget ở một trang nào đó bạn thêm ID của widget đó sau dòng #HTML12, ví dụ mình muốn ẩn 3 widget (HTML13, HTML18, HTML20) ở các trang bài viết, mình thêm như bên dưới.
<style type='text/css'>
<b:if cond='data:blog.pageType == "item"'>
#HTML12 {display:none;}
#HTML13 {display:none;}
#HTML18 {display:none;}
#HTML20 {display:none;}
</b:if>
</style>

4. Cuối cùng save template lại.

Ở đây bạn có thể ẩn bất kì wiget nào nếu bạn xác định đúng ID của nó.

    ☼ Mở rộng thêm thủ thuật

Ở trên là chúng ta thực hiện việc ẩn các Widget, đôi khi bạn thực hiện một số thủ thuật ở trang nhãn hay một trang nhất định nào đó và muốn cho bài viết ở trang đó ẩn đi (chỉ còn lại phần widget) thì bạn chỉ việc thay ID HTML trên thành Blog1 như bên dưới và làm tương tự như trên.
<style type='text/css'>
<b:if cond='data:blog.url == "http://www.traidatmui.com/2010/03/hien-thi-widget-o-nhung-trang-nhat-inh.html"'>
#Blog1 {display:none;}
</b:if>
</style>

Chúc bạn thành công
Nguồn traidatmui.com
Tags: ,

You may also...

Comments[ 0 ]


Đăng nhận xét

Hot