"Ẩ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ó IDHTML12) 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

Xem khác cùng chủ đề

4 nhận xét | Viết lời bình

2/11/2011 10:42:00 CH Trả lời

khi em ẩn các widget ( ví dụ ẩn 1 hoặc 2 widget ở trang chủ )khi xem bài viết ở mục nào đó thì nó lại tạo ra 1 khoảng trắng của widget ( widget mà ta ẩn đi).nếu như với nhiểu widget thì khoảng trắng đó tạo ra khá lớn. có cách nào khi ẩn widget đi mà không để lại khoẳng trắng của widget đó không ạ !

4/22/2011 01:58:00 SA Trả lời

Tớ nghĩ phải cho 1 thẻ Div nào đó tràn ra lấp khoảng trống đó

11/17/2011 12:00:00 SA Trả lời

Tuyệt thật, quá chuyên nghiệp, mình làm dc rồi!

11/01/2012 08:13:00 CH Trả lời

anh ơi! nếu muốn ẩn ở tất cả các trang nhãn thì làm thế nào, nếu có 100 nhãn thì phải viết hết cả 100 nhãn đó ra ạ

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang