Thẻ điều kiện ở phiên bản mới cho blogger nhìn ngắn gọn và chuyên nghiệp hơn phiên bản cũ, nên hầu hết các blogger đều chuyển sang sử dụng phiên bản mới này cho thiết kế blogspot.Thẻ điều kiện trong blogspot là thành phần khá hữu ích để bạn có thể tùy chỉnh hiển thị ở những trang nhất định như trang chủ, trang tĩnh, trang bài viết, trang lưu trữ, trang chứa url bất kỳ…Nếu sử dụng linh hoạt thẻ này kết hợp với html, css và jquery bạn sẻ làm được khá nhiều điều trong blogspot.
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> Mới: <b:if cond='data:blog.isMobileRequest'>...</b:if> Cũ: <b:if cond='data:blog.isMobile == "true" '>...</b:if> Cũ: <b:if cond='data:blog.isMobileRequest == "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>
21. Thẻ điều kiện if else khác cho label
<b:if cond='data:blog.searchLabel == "blog"'> Nội dung hiển thị cho khi search label blog <b:elseif cond='data:blog.searchLabel == "thu-thuat-blog"' /> Nội dung hiển thị cho khi search label thu-thuat-blog <b:else /> Mặc định còn lại </b:if>
22. Thẻ điều kiện dành cho tác giả nào đó
<b:if cond='data:displayname == "author-name"'> Nội dung hiển thị chỉ dảnh cho tác giả 'author-name' </b:if>
23. Thẻ điều kiện tìm kiếm cho 1 từ khóa nào đó
<b:if cond='data:blog.searchQuery == "blogger"'> Nội dung hiển thị khi tìm kiếm từ khóa blogger </b:if>
24. Dùng NOT
<b:if cond='not data:view.isPage'> Không dùng cho Page </b:if> <b:if cond='not data:view.isHomepage'> Không dùng cho trang chủ </b:if> <b:if cond='not data:view.isPost'> Không dùng cho bài viết </b:if> Tương tự áp dụng cho tất cả các thẻ khác
25. Dùng khác != (FALSE)
<b:if cond='!data:view.isPage'> Không dùng cho Page </b:if> <b:if cond='!data:view.isHomepage'> Không dùng cho trang chủ </b:if> <b:if cond='!data:view.isPost'> Không dùng cho bài viết </b:if> Tương tự áp dụng cho tất cả các thẻ khác
26. Thẻ điều kiện cho liên kết bài mới, cũ
<b:if cond='data:post.hasOlderLinks'> Bài viết cũ </b:if> <b:if cond='data:post.hasNewerLinks'> Bài viết mới </b:if>
27. Số bình luận
<b:if cond='data:post.numberOfComments > 0'> Số Comment > 0 </b:if> <b:if cond='data:post.numberOfComments < 1'> Số Comment < 1 </b:if>
28. Nếu có bình luận
<b:if cond='data:this.messages.blogComment != ""'>Nếu có bình luận</b:if>
29. Thẻ điều kiện cho Adsense
<b:if cond='data:post.includeAd'>...</b:if>
30. Thẻ điều kiện ngày đăng bài
<b:if cond='data:post.dateHeader'>...</b:if>
31. Thẻ điều kiện cho bài đăng đầu tiên
<b:if cond='data:post.isFirstPost'>....</b:if>
Và còn rất nhiều thẻ điều kiện khác nằm trong template.
Một số toán tử để dùng với thẻ điều kiện của blogspot
== bằng, TRUE > lớn hơn, áp dụng cho số < nhỏ hơn, áp dụng cho số != khác, FALSE >= lớn hơn hoặc bằng, áp dụng cho số <= nhỏ hơn hoặc bằng, áp dụng cho số NOT phủ định
Một số thẻ khác mà bạn có thể chưa biết
Áp dụng cho tất cả bài đăng có nhãn blogspot
<b:if cond='data:posts all (p => p.labels any (l => l.name == "blogspot"))'> </b:if>
Không áp dụng cho bài đăng có nhãn blogspot
<b:if cond='data:posts none (p => p.labels any (l => l.name == "blogspot"))'> </b:if>
Nếu title blog chứa từ giao, tương tự cho trang, cho bài viết.
<b:if cond='data:blog.title contains "giao"'> </b:if>
Điều kiện cho số bài đăng lớn hơn 5 bài đăng
<b:if cond='data:posts.size gt 5'> </b:if>
Điều kiện cho số bài đăng nhỏ hơn 5
<b:if cond='data:posts.size lt 5'> </b:if>
Điều kiện cho số bài đăng bằng 5
<b:if cond='data:posts.size eq 5'> </b:if>
Điều kiện áp dụng tất cả bài đăng có nhãn
<b:if cond='data:posts all (p => p.labels.any)'> </b:if>
Điều kiện khi tìm kiếm một trong các từ khóa bên trong nó
<b:if cond='data:view.search.query in ["blogspot", "blogger", "blog"]'> </b:if>
Áp dụng cho trang /search không phải là search/label
<b:if cond='data:view.isSearch and not data:view.isLabelSearch'> </b:if>
Khi xem chi tiết bài viết hoặc trang
Áp dụng cho bài viết có id = 123456789
<b:if cond='data:view.postId == 123456789'> </b:if>
Áp dụng cho trang có id = 123456789
<b:if cond='data:view.pageId == 123456789'> </b:if>
Áp dụng cho nhiều bài viết có id
<b:if cond='data:view.postId in [11111,22222,33333]'> </b:if>
Áp dụng cho nhiều trang có id
<b:if cond='data:view.pageId in [11111,22222,33333]'> </b:if>
Áp dụng cho tiện ích FEATUREPOST / POPULARPOSTS/ BLOG isMultipleItems
Áp dụng cho tiện ích có post id là 123456
<b:if cond='data:post.id == 123456'> </b:if>
Áp dụng cho tiện ích có post id bên dưới
<b:if cond='data:post.id in [11111,22222,33333]'> </b:if>
Không áp dụng cho bài viết có id dưới
<b:if cond='[111111] not contains data:post.id'> </b:if>
Trang lưu trữ
Áp dụng cho trang lưu trữ có năm là 2020
<b:if cond='data:view.search.archive.year == 2020'> </b:if>
Áp dụng cho trang lưu trữ có tháng là 06
<b:if cond='data:view.search.archive.month == 06'> </b:if>
Nguồn:giaodien.blog
Leave a comment