Tổng hợp các thẻ điều kiện cần thiết trong blogspot

Anh Trai Nắng
4
Thẻ điều kiện if có vai trò rất quan trọng đối với blogspot, hôm nay mình xin tổng hợp lại tất cả các thẻ điều kiện cần thiết cho blogspot, blogger.

Chào các bạn, như các bạn đã biết, thẻ điều kiện if có vai trò rất quan trọng đối với blogspot, hôm nay mình xin tổng hợp lại tất cả các thẻ điều kiện cần thiết cho blogspot, blogger.

Tổng hợp tất cả các Thẻ if blogspot ở 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.

Tổng hợp các thẻ điều kiện cần thiết trong blogspot
Thẻ điều kiện Blogger.

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>

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 &gt; 0'> Số Comment > 0 </b:if>

<b:if cond='data:post.numberOfComments &lt; 1'> Số Comment < 1 </b:if>

28. Nếu có bình luận

<b:if cond='data:this.messages.blogComment != &quot;&quot;'>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>

Trên đây là tổng hợp một số thẻ điều kiện dành cho blogger thường dùng nhất, nội dung được viết bởi giaodien.blog, vui lòng đề lại nguồn nếu bạn sao chép nội dung này.

Đăng nhận xét

HƯỚNG DẪN BÌNH LUẬN

4 Nhận xét

  1. Chào bạn!
    Cảm ơn bạn đã quan tâm đến bài viết và blog của mình. Về related posts thì theo mình được biết thì hình như là không ẩn được cho một nhãn nào đấy thì phải, nếu khi nào mình biết thì mình có thể comment lại câu trả lời cho bạn tại đây.
    Mình có ghé thăm qua site của bạn thì thấy giao diện khá bắt mắt.

    Trả lờiXóa
  2. phần related posts nó hiển thị dựa trên cái script. bạn thêm document.write cái thẻ điều kiện ngay trong script là đc

    Trả lờiXóa
  3. HI bạn
    Nhờ bạn giúp nhé: Thẻ điều kiện như trên áp dụng trong theme thì mình khá ổn, nhưng trong bài viết thì không được
    VD: trong bài viết có một nội dung mình không muốn hiển thị trên mobile, chỉ hiển thị trên desktop thì sao
    Cám ơn bạn trước nhé
    Thân mến

    Trả lờiXóa
    Trả lời
    1. Bạn sử dụng thẻ điều kiện <b:if cond='data:blog.isMobileRequest == "false"'> để ẩn trên điện thoại nhé!

      Xóa
Đăng nhận xét

#buttons=(Thanks!) #days=(7)

À mình có làm website tăng tương tác MXH giá rẻ. Mọi người nếu cần thì ghé sử dụng các dịch vụ thử nha. Ghé xem dịch vụ
Ok, Go it!

HƯỚNG DẪN BÌNH LUẬN

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Định dạng chữ

<b>Chữ in đậm</b>
<i>Chữ in nghiêng</i>
<u>Chữ gạch chân</u>
<strike>Chữ gạch ngang</strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Khác

Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu