#0 Các điều kiện ẩn hiện trong blogspot

1. Bài viết (post item)
2. Trang tĩnh (staticpage)
3. Trang chủ (homepageurl)
4. Trang danh mục hay nhãn (label)
5. Trang lưu trữ (archive)
6. Trang index (có tác dụng trên trang chủ, nhãn, lưu trữ)
7. Trang Search
8. Trang lỗi Error404
9. Trang trên Mobile

2. Điều kiện xuất hiện ở Bài viết (post item):

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Nội dung
</b:if>

3. Điều kiện xuất hiện ở Trang tĩnh: (..../p/post-a.html) 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
Nội dung
</b:if>

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/postn.html"'>
Nội dung
</b:if>

4. Điều kiện xuất hiện ở Trang hoặc Bài viết

<b:if cond='data:blog.url == data:post.url'>
Nội dung hiển thị trên bài viết và trang tĩnh
</b:if>

<b:if cond='data:blog.pageType == "static_page" or data:blog.pageType == "item"'>
Nội dung
</b:if>

<b:if cond='data:view.isSingleItem'>
<!-- Nội dung chỉ hiển thị với trang tĩnh và bài viết -->
</b:if>

5. Điều kiện xuất hiện ở Trang index:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
Nội dung
</b:if>

<b:if cond='data:view.isMultipleItems'>
Nội dung
</b:if>

6. Điều kiện xuất hiện ở Trang nhãn (danh mục):

<b:if cond='data:blog.searchLabel'>
Nội dung
</b:if>

<b:if cond='data:blog.searchLabel == "blogger"'>
<!-- Nội dung chỉ hiển thị trên nhãn "blogger"-->
</b:if>

7. Điều kiện xuất hiện ở chỉ hiển thị trên một nhãn nào đó

<b:if cond='data:blog.url == "http://DOMAIN/search/label/Ten-nhan"'>
Nội dung
</b:if>

<b:if cond='data:blog.searchLabel == &quotTên nhãn&quot;"'>
Nội dung
</b:if>

8. Điều kiện xuất hiện ở Trang có Url bất kì:

<b:if cond='data:blog.url == "ĐỊA CHỈ URL"'>
Nội dung
</b:if>

9. Điều kiện xuất hiện ở Trang lỗi 404: 

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
Nội dung
</b:if>

10. Điều kiện xuất hiện ở Trang lưu trữ: 

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
Nội dung
</b:if>

<b:if cond='data:view.isArchive'>
<!-- áp dụng cho trang lưu trữ -->
</b:if>

11. Điều kiện xuất hiện trên di động Mobile: (.....url.html?m=1)

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
Nội dung
</b:if>

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
Nội dung
</b:if>

12. Điều kiện xuất hiện ở Trang bài viết đầu tiên:

<b:if cond='data:post.isFirstPost'>
Nội dung
</b:if>

13. Điều kiện hiển thị nội dung trên trang có backlink

<b:if cond='data:post.showBacklinks'>
// Nội dung hiển thị
</b:if>

14. Hiện nội dung của 1 tác giả cụ thể

<b:if cond='data:displayname == "Tên tác giả"'>
// Nội dung hiển thị
</b:if>

15. Điều kiện ẩn hiện trong Trang Search

<b:if cond='data:view.isSearch'>
Nội dung
</b:if>

<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
Nội dung
</b:if>

16. Hiển thị nội dung có 50 comments trở lên

17. Hiển thị nội dung trên trang cho phép bình luận

18. Điều kiện áp dụng cho 1 HTML/Javascript

• Ví dụ trên là điều kiện không hiển thị tiện ích #HTML1 trên di động
• Lúc này chúng ta chèn thẳng vào widget luôn mà không cần dùng <b:if nữa.

19. Điều kiện chỉ hiện trên 1 post ID

20. Điều kiên kết hợp nhiều trang

<b:if cond='!data:blog.pageType == "item"'>
   <b:if cond='data:view.isHomepage'>
    <!-- trang chủ -->
   <b:else/>
    <b:if cond='data:view.isLabelSearch'>
    <!-- trang nhãn -->
     <b:else/>
    <!-- trừ trang nhãn -->
    </b:if>
   </b:if>
</b:if>

<b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
<!-- Nếu ko phải nhãn cuối thì thêm ký tự đặc biệt vào phía sau -->       ,
    </b:if> 
</b:loop>

23. Điều kiện kết hợp các trang theo pageID

<b:if cond='data:blog.pageId in [3893361487068501797,1290146972571680199,7455165550657390530]'>
Nội dung chỉ hiện thị trên các trang tĩnh có PageID là 3893361487068501797,1290146972571680199,7455165550657390530
</b:if>

III. Minh họa các điều khi sử dụng:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>.post-body {color: yellow;}</style><b:else/>
<b:if cond='data:blog.searchLabel'><style type='text/css'>.post-body {color: blue;}</style><b:else/>
<style type='text/css'>.post-body {color: red;}</style></b:if>
</b:if>
</b:if>