Hiển thị widget (tiện ích) chỉ ở trang chủ hoặc trang riêng biệt, tùy chọn

Một thủ thuật blogger rất hay tiếp theo mình giới thiệu tới các bạn là thủ thuật HIỂN THỊ WIDGET (TIỆN ÍCH) Ở TRANG CHỦ HOẶC TRANG RIÊNG BIỆT, TRANG TÙY CHỌN.

- Thủ thuật này mình cũng chỉ biết tới khi mình thiết kế blogger cho Gối handmade nên các bạn có xem demo thì xem ở đó nhé. Những sản phẩm hiển thị đó mình chỉ cho hiển thị ở trang chủ. Ngoài ra các bạn có thể chỉ định cho nó hiển thị ở các trang các bạn muốn. Trên blog mình có Slide mình cũng làm 1 Widget và chỉ chi hiển thị ở trang chủ.

- Bắt đầu vào thủ thuật, thủ thuật này khá đơn giản. Điều quan trọng nhất là các bạn phải xác minh được widget (tiện ích) đó nằm ở đâu trong mẫu chỉnh sửa HTML. ^^ Cái này mình toàn dùng trình duyệt Chrome để xem thông tin phần tử là thấy. Mình ví dụ trên Blog gối handmade  mình nhé:

Hiển thị Widget ở trang chủ

Xong phần xác định Widget. Tiếp theo các bạn vào Mẫu - Chỉnh sửa HTML và Click vào ô chọn "Mở rộng Mẫu Tiện ích"

• Trường hợp 1: Chỉ hiển thị Widget (tiện ích) ở trang chủ. Các bạn tìm đoạn code mà thêm code màu đỏ, xanh như bên dưới:


<b:widget id='HTML1' locked='false' title='Sản phẩm có sẵn' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


• Trường hợp 2: Hiển thị widget ở tất cả các bài viết, trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
  

<b:if cond='data:blog.pageType == "item"'>


• Trường hợp 3: Chỉ hiển thị widget ở một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
  


<b:if cond='data:blog.url == "URL của trang riêng biệt"'>


• Trường hợp 4: Chỉ hiển thị widget ở các trang chính gồm trang chủ, các trang Label và Archive: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:


<b:if cond='data:blog.pageType == "index"'>


• Trường hợp 5: Chỉ hiển thị widget ở các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
  

<b:if cond='data:blog.pageType == "archive"'>


• Trường hợp 6: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:


<b:if cond='data:blog.pageType ! == "archive"'>


• Trường hợp 7: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang bài viết: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:


<b:if cond='data:blog.pageType ! == "item"'>


• Trường hợp 8: Chỉ hiển thị widget ở tất cả các trường hợp trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:


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


• Trường hợp 9: Chỉ hiển thị widget ở tất cả các trang trừ một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:


<b:if cond='data:blog.url ! == "Url của trang đặc biệt"'>


• Trường hợp 10: Chỉ hiển thị widget ở tất cả các trang trừ hai trang riêng biệt nào đó trở lên: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:


<b:if cond='data:blog.url ! == "Url của trang đặc biệt 1"'>
<b:if cond='data:blog.url ! == "Url của trang đặc biệt 2"'>


• Trường hợp 11: Nếu bạn muốn hiển thị một thứ gì đó ở trang chủ và một thứ gì đó khác ở tất cả các trang: Bạn sử dụng lệnh điều kiện như thế này:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Đây là điều cần hiển thị ở trang chủ
<b:else/>
Đây là điều không hiển thị ở trang chủ
</b:if>


• Trường hợp 12: Chỉ hiển thị widget ở một trang nhãn: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:


<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/search/label/Tennhan"'>

Trường hợp này chỉ hoạt động với tên nhãn không dấu như Blogger, CSS, Thuthuat, Thuvien (không dùng cho nhãn tiếng Việt). Đối với các nhãn có khoảng cách như Recent Posts thì phải đặt là Recent%20Posts (tức là thay khoảng cách bằng %20).
Các liên kết trang nhãn trong trường hợp này cũng không hoạt động được khi có đuôi ?max-results=
----------------------------
Nguồn: Huỳnh Nhật Hà
!
Chúc các bạn vui !