Thẻ điều kiện Blogger ở phiên bản mới

Chào mọi người,

Tổng hợp tất cả các thẻ điều kiện Blogger ở phiên bản mới, thẻ điều kiện dùng trong quá trình thiết kế template, tối ưu blogspot, cài đặt tiện ích. Thẻ điều kiện ở phiên bản mới nhìn ngắn gọn và chuyên nghiệp hơn phiên bản cũ, nên các blogger cũng thường dùng hơn.
Dưới đây là một số thẻ điều kiện cho blogspot ở phiên bản mới và phiên bản cũ.
0. Thẻ điều kiện cho Layout Mode

<b:if cond='data:view.isLayoutMode'> ... </b:if>

Thẻ này áp dụng cho việc viết CSS cho bố cục
1. Thẻ điều kiện trang chủ (Home)

Mới: <b:if cond='data:view.isHomepage'> … </b:if>


Cũ: <b:if cond='data:blog.url == data:blog.homepageUrl'> … </b:if>

2. Thẻ điều kiện trang Index (Bao gồm /search, /search/label, /search?q=, MultipleItems...)

Mới: <b:if cond='data:view.isMultipleItems'> … </b:if>


Cũ: <b:if cond='data:blog.pageType == "index"'> … </b:if>

3. Thẻ điều kiện cho Bài viết và Trang (Page and Post)

Mới: <b:if cond='data:view.isSingleItem'> … </b:if>


Cũ: <b:if cond='data:blog.pageType in ["item", "static_page"]'> … </b:if>

4. Thẻ điều kiện cho bài viết (Post)

Mới: <b:if cond='data:view.isPost'> … </b:if>


Cũ: <b:if cond='data:blog.pageType == "item"'> … </b:if>

5. Thẻ điều kiện cho trang tĩnh (Page)

Mới: <b:if cond='data:view.isPage'> … </b:if>


Cũ: <b:if cond='data:blog.pageType == "static_page"'> … </b:if>

6. Thẻ điều kiện cho trang Search Label

Mới: <b:if cond='data:view.isLabelSearch'> … </b:if>


Cũ: <b:if cond='data:blog.searchLabel'> … </b:if>

7. Thẻ điều kiện cho trang Lưu trữ (Archive Pages)

Mới: <b:if cond='data:view.isArchive'> … </b:if>


Cũ: <b:if cond='data:blog.pageType == "archive"'> … </b:if>

8. Thẻ điều kiện cho trang Tìm kiếm (Search Page)

Mới: <b:if cond='data:view.isSearch'> … </b:if>


Cũ: <b:if cond='data:blog.searchQuery'> … </b:if>

9. Thẻ điều kiện cho trang báo lỗi (Error 404)

Mới: <b:if cond='data:view.isError'> … </b:if>


Cũ: <b:if cond='data:blog.pageType == "error_page"'> … </b:if>

10. Thẻ điều kiện cho trang xem trước (Preview Page)

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

11. Thẻ điều kiện cho mobile

Mới: <b:if cond='data:blog.isMobile'>...</b:if>


Cũ: <b:if cond='data:blog.isMobile == "true" '>...</b:if>

12. Thẻ điều kiện kết hợp if else cho mobile và desktop

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


    Nội dung chỉ hiển thị trên mobile


    <b:else />


    Nội dung chỉ hiển thị trên desktop


</b:if>

13. Áp dụng cho 1 nhãn duy nhất

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


    Nội dung chỉ hiển thị khi search label tên blogger


</b:if>

14. Áp dụng cho tất cả bài viết có nhãn blogger (đặt trong vòng lặp)

<b:if cond='data:post.labels any (l => l.name == "blogger")'>


    Dành cho nhãn có tên Blogspot


</b:if>

15. Thẻ điều kiện không dùng cho trang search label

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

16. Thẻ điều kiện không dùng cho trang chủ

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


Hoặc


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

17. Thẻ điều kiện cho 1 link duy nhất bất kỳ tự đặt

<b:if cond='data:blog.url == "Link duy nhất"'> … </b:if>

18. Thẻ điều kiện cho 1 trong các label

<b:if cond='data:view.search.label in ["blog", "templalte", "giaodienblognet"]'>


 Nội dung hiển thị cho các label trên


</b:if>

19. Thẻ điều kiện không dùng trong các label

<b:if cond='data:view.search.label not in ["blog", "templalte", "giaodienblognet"]'>


 Nội dung hiển thị cho các label trên


</b:if>

20. Thẻ điều kiện kết hợp if else cho label

<b:if cond='data:view.search.label in ["template", "blog", "adsense"]'>


    Dành cho label có tên


    <b:elseif cond='data:view.search.label not in ["theme", "css"]' />


    Dành cho label không có tên


    <b:else />


    Còn lại mặc định


</b:if>