Tổng hợp các thẻ điều kiện cho blogger mới nhất (2023)

Khi vận hành một website trên nền tảng Blogger thì chắc chắn sẽ có một vài trường hợp bạn cần dùng đến điều kiện để xử lý một vài thành phần trên website. Chẳng hạn như việc ẩn hiện nội dung nào đó, hoặc thay đổi giá trị, thay đổi kích thước, ... Vậy dưới đây sẽ là một vài thẻ điều kiện mà mình sưu tầm được, hi vọng nó sẽ giúp được bạn trong một vài trường hợp cụ thể khi cần dùng.

1. Thẻ điều kiện chỉ áp dụng cho trang chủ

<b:if cond='data:view.isHomepage'>

    <!-- chỉ áp dụng cho trang chủ -->

</b:if>(code-box)

Hoặc

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

    <!-- chỉ áp dụng cho trang chủ -->

</b:if>(code-box)

2. Thẻ điều kiện chỉ áp dụng cho trang bài viết

<b:if cond='data:view.isPost'>

    <!-- chỉ áp dụng cho trang bài viết -->

</b:if>(code-box)

Hoặc

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

    <!-- chỉ áp dụng cho trang bài viết -->

</b:if>(code-box)

3. Thẻ điều kiện chỉ áp dụng cho trang tĩnh (Page)

<b:if cond='data:view.isPage'>

    <!-- chỉ áp dụng cho trang tĩnh -->

</b:if>(code-box)

Hoặc

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

    <!-- chỉ áp dụng cho trang tĩnh -->

</b:if>(code-box)

4. Thẻ điều kiện áp dụng cho 3 loại trang (Trang chủ, trang nhãn, trang lưu trữ)

<b:if cond='data:view.isMultipleItems'>

    <!-- chỉ áp dụng cho trang index -->

</b:if>(code-box)

Hoặc

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

    <!-- chỉ áp dụng cho trang index -->

</b:if>(code-box)

5. Thẻ điều kiện áp dụng cho trang Search Label (Trang tìm kiếm theo nhãn)

<b:if cond='data:view.isLabelSearch'>

    <!-- chỉ áp dụng cho trang nhãn -->

</b:if>(code-box)

Hoặc

<b:if cond='data:blog.searchLabel'>

    <!-- chỉ áp dụng cho trang nhãn -->

</b:if>(code-box)

6. Thẻ điều kiện chỉ áp dụng cho trang tìm kiếm 1 nhãn (label) cụ thể 

<b:if cond='data:view.isLabelSearch == "Theme Blogspot"'>

    <!-- áp dụng cho nhãn Theme Blogspot -->

</b:if>(code-box)

Hoặc

<b:if cond='data:blog.searchLabel == "Theme Blogspot"'>

    <!-- áp dụng cho nhãn Theme Blogspot -->

</b:if>(code-box)

7. Thẻ điều kiện chỉ áp dụng cho trang tìm kiếm theo từ khóa (nhập vào ô Search)

<b:if cond='data:view.isSearch'>

    <!-- áp dụng cho trang tìm kiếm -->

</b:if>(code-box)

Hoặc

<b:if cond='data:blog.searchQuery'>

    <!-- áp dụng cho trang tìm kiếm -->

</b:if>(code-box)

8. Thẻ điều kiện chỉ áp dụng cho trang Lỗi 404 

<b:if cond='data:view.isError'>

    <!-- áp dụng cho trang lỗi (404 page) -->

</b:if>(code-box)

Hoặc

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

    <!-- áp dụng cho trang lỗi (404 page) -->

</b:if>(code-box)

9. Thẻ điều kiện chỉ áp dụng cho trang lưu trữ (Archive)

<b:if cond='data:view.isArchive'>

    <!-- áp dụng cho trang lưu trữ -->

</b:if>(code-box)

Hoặc

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

    <!-- áp dụng cho trang lưu trữ -->

</b:if>(code-box)

10. Thẻ điều kiện chỉ áp dụng khi xem bằng điện thoại

<b:if cond="data:blog.isMobile">

    <!-- hiển thị trên Mobile -->

<b:else/>

    <!-- hiển thị trên PC -->

</b:if>(code-box)

Hoặc

<b:if cond='data:blog.isMobileRequest'>

    <!-- hiển thị trên Mobile -->

<b:else/>

    <!-- hiển thị trên PC -->

</b:if>(code-box)

11. Thẻ điều kiện chỉ áp dụng cho bài viết đầu tiên trên trang index

<b:if cond='data:post.isFirstPost'>

    <!-- áp dụng cho bài viết đầu tiên -->

</b:if>(code-box)

12. Thẻ điều kiện chỉ áp dụng cho trang bài viết và trang tĩnh

<b:if cond='data:view.isSingleItem'>

    <!-- áp dụng cho trang bài viết và trang tĩnh -->

</b:if>(code-box)

Hoặc

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

    <!-- áp dụng cho trang bài viết và trang tĩnh -->

</b:if>(code-box)

13. Thẻ điều kiện áp dụng nếu bài viết có ảnh Thumbnail

<b:if cond='data:post.thumbnailUrl'>

    <!-- áp dụng cho bài viết có ảnh thumbnail -->

</b:if>(code-box)

14. Thẻ điều kiện áp dụng với một tác giả nhất định

<b:if cond='data:displayname == "TÊN_TÁC_GIẢ"'>

    <!-- áp dụng cho tác giả bài viết đó -->

</b:if>(code-box)

15. Thẻ điều kiện áp dụng khi bài viết có số nhận xét bằng một số nhất định

<b:if cond='data:post.numComments == 69'>

    <!-- áp dụng khi bài viết đó có 69 nhận xét -->

</b:if>(code-box)

16. Thẻ điều kiện áp dụng khi bài viết cho phép nhận xét

<b:if cond='data:post.allowComments'>

    <!-- áp dụng khi bài viết cho phép nhận xét mới -->

</b:if>(code-box)

17. Thẻ điều kiện áp dụng cho trang xem trước (Preview)

<b:if cond='data:view.isPreview'>

    <!-- áp dụng ở trang xem trước bài viết -->

</b:if>(code-box)

18. Thẻ điều kiện áp dụng với nhãn cuối cùng trong bài viết có nhiều nhãn

<b:loop values='data:post.labels' var='label'>

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

        <!-- content -->

    </b:if>   

</b:loop> (code-box)

19. Thẻ điều kiện áp dụng cho một trang cụ thể (có link cụ thể)

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "/2021/09/tong-hop-cac-the-dieu-kien-cho-blogger-moi-nhat.html"'>

    <!-- chỉ áp dụng cho bài viết có URL như trên, chỉ lấy từ phần sau domain chính -->

</b:if>(code-box)

20. Điều kiện phủ định (Áp dụng cho những nơi không phải là ...)

<b:if cond='!data:view.isPost'>

    <!-- áp dụng cho tất cả trang, trừ trang bài viết -->

</b:if>(code-box)

Ở điều kiện bên trên, trước phần data:view.isPost mình có chèn thêm kí tự ! (chấm than). Đây là cách để làm điều kiện phủ định.

Chúc bạn thành công!