Vibay

Thứ Ba, 4 tháng 10, 2011

Hiển thị Widget ở những trang nhất định trong Blogspot


Nếu xem Template như ngôi nhà thì Widget chính là bàn, ghế, giường, tủ,…Việc bố trí đồ đạc sao cho gọn gàng, phù hợp với căn nhà sẽ góp phần làm cho nơi ở của bạn trở nên đẹp hơn, “pro” hơn trong mắt khách viếng thăm.

Hay nói cách khác, việc bố trí các Widget trên Template một cách hợp lý sẽ làm nổi bật nội dung cần truyền tải, logic và hài hòa với bố cục Blog.

Chính vì lý do đó, hôm nay iTechPlus xin được giới thiệu đến bạn đọc những thủ thuật nhỏ để “hiển thị Widget ở những trang nhất định trong Blogspot”, tiến hành như sau :

- Vào "Thiết kế" ( Bố cục ) > Nhấp vào "Chỉnh sửa" trên Widget cần xử lý

- Một Popup bật lên, bạn nhìn vào phía trên góc phải ( gần thanh tiêu đề ) sẽ thấy dòng …null&widgetId=HTML2 ( trong trường hợp này là widget HTML2, đối với widget khác sẽ có ID khác)


- Sau khi xác định được ID của widget, bạn vào Chỉnh sửa HTML > Mở rộng mẫu tiện ích để tìm widget đó trong Template ( nhấn Ctrl+F rồi gõ vào ID của widget )


Như vậy, ta đã xác định được ID cũng như vị trí và nội dung của Widget, và bây giờ là phần chính của thủ thuật

1. Chỉ hiển thị Widget ngoài trang chủ

Bạn thêm dòng code bên dưới vào sau dòng của widget đó :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

và một thẻ đóng </b:if> cho nó trước dòng </b:includable> . Khi đó sẽ trông như hình dưới :


Tương tự như vậy, để hiển thị tại vị trí khác, bạn chỉ việc thay dòng <b:if cond='data:blog.url == data:blog.homepageUrl'>

2. Chỉ hiển thị Widget ở trang Archive

Thay dòng code <b:if cond='data:blog.url == data:blog.homepageUrl'> bằng dòng này :

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

3. Chỉ hiển thị Widget ở trang bài viết

Thay dòng code <b:if cond='data:blog.url == data:blog.homepageUrl'> bằng dòng này:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

4. Chỉ hiển thị Widget ở trang Static Page

Thay dòng code <b:if cond='data:blog.url == data:blog.homepageUrl'> bằng dòng này:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

5. Chỉ hiển thị Widget ở những trang với liên kết cụ thể

Thay dòng code <b:if cond='data:blog.url == data:blog.homepageUrl'> bằng dòng này:

<b:if cond='data:blog.url == "URL của trang chỉ định">

Ví dụ, chỉ hiển thị widget ở chuyên mục ( Label ) Network, bạn thay bằng đoạn code sau :

<b:if cond='data:blog.url == "http://www.itechplus.info/search/label/Network"'>

6. Chỉ hiển thị Widget ở Trang chủ, trang Label và trang Archive

Thay dòng code <b:if cond='data:blog.url == data:blog.homepageUrl'> bằng dòng code này:

<b:if cond='data:blog.pageType == &quot;index&quot;'>

Xem thêm.

Không có nhận xét nào:

Đăng nhận xét