[25]
Thủ thuật: Chỉ hiển thị widget (tiện ích) khi xem các bài viết của một nhãn nhất định
Nguồn: [FD's BlOg]





Giới thiệu: Thủ thuật chỉ cho widget (tiện ích) hiển thị khi ta xem các bài viết thuộc nhãn đó. Còn lại thì sẽ không thấy được widget đó.

Ví dụ như ta tạo một widget “HTML/Javascript” có là ID là “HTML2”. Và chỉ cho hiện widget này khi xem các bài viết có nhãn là “Diary”. Còn các nhãn còn lại như: trang chủ, index,… thì sẽ không hiển thị widget này.

Lưu ý: Code chỉ hoạt động với label không dấu và không có khoảng cách.

Khuyết điểm của thủ thuật này là cho dù tiện ích được ẩn nhưng nó vẫn sẽ được load, chỉ khi bạn tác động trực tiếp vào trong code của widget thì nó mới không load, còn dùng lệnh display:none; thì nó sẽ vẫn load nhưng chỉ không hiển thị mà thôi.

Điều thứ 2 nữa là khi dùng cách này thì tiện ích sẽ không hiển thị trong Phần tử trang (Page Elements) ở Bảng điều khiển (Dashboard).

Chính vì thế nếu muốn chỉnh sửa nội dung của nó, bạn phải thực hiển điều này ngay trên giao diện của blog.


CÁCH THỰC HIỆN

1. Đăng nhập Blogger
2. Chọn: Mẫu > Chỉnh sữa HTML

3. Chèn script.

Bước 1: Xác định ID widget



- Nhấn qua thẻ Page Elements (Phần tử trang)
- Bấm Edit (Chỉnh sữa) vào widget muốn lấy ID.
- Nhìn lên thanh địa chỉ, dòng chữ phía sau cùng chính là ID của widget.


Bước 2: Tìm dòng ]]></b:skin>

- Thêm vào trước nó đoạn code sau:

/*Hiển thị widget khi xem các bài viết của một label (nhãn) nhất định (1)*/
<style type='text/css'>
#ID_widget {display:none;}
</style>

ID_widget // Thay ID widget muốn hiển thị vào đây.

Bước 3: Tìm dòng code:

<data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

- Thêm vào sau nó đoạn code sau:

<!-- Hiển thị widget khi xem các bài viết của một nhãn nhất định (2)-->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:label.name == "Nhãn"'>
<style type='text/css'>
#ID_widget {display:block;}
</style>
</b:if>
</b:if>

Nhãn // Thay nhãn của bài viết muốn hiển thị widget.
ID_widget // Thay ID widget muốn hiển thị vào đây.

Bước 4: Save template. (Lưu mẫu)

THE END.