Sosial Media
0
News
    Home Blogspot Tools

    Tổng hợp Thẻ Điều Kiện Blogspot từ cơ bản đến nâng cao

    5 min read

    Thẻ điều kiện là một trong những công cụ cực kỳ quan trọng giúp bạn kiểm soát nội dung hiển thị theo từng loại trang, thiết bị hoặc dữ liệu cụ thể.
    Ví dụ:
    • Chỉ hiển thị nội dung trong bài viết
    • Ẩn widget ở trang chủ
    • Hiển thị khác nhau giữa mobile và desktop
    • Kiểm tra bài viết có comment hay không
    Trước đây mình có chia sẻ rồi nhưng không đầy đủ, các bạn có thể xem cơ bản tại đây nhưng ở bài viết này, mình sẽ "nâng cấp" hơn, cụ thể
    • 👉 Để thuận tiện hơn, bạn có thể tìm kiếm loại thẻ
    • 🔒 Ngoài ra, mình bổ sung thêm nhiều loại thẻ điều kiện hơn bài trước

    Cách sử dụng:

    1. Nhập từ khóa vào ô tìm kiếm để lọc nhanh snippet cần dùng
    2. Nhấn nút "Copy" để sao chép đoạn mã
    3. Dán vào template Blogspot tại vị trí mong muốn
    📍 Ví dụ: Bạn muốn chỉ hiển thị nội dung trong bài viết:
    <b:if cond='data:blog.pageType == "item"'>
    Nội dung hiển thị
    </b:if>
    💡 Bạn có thể kết hợp nhiều điều kiện với AND / OR để tạo logic phức tạp hơn.

    Tổng hợp các thẻ điều kiện của blogspot

    🔥 10 Snippet cơ bản (mở khóa để xem thêm 50+)
    Tên Snippet
    Trang bài viết
    <b:if cond='data:blog.pageType == "item"'> CODE </b:if>
    Trang chủ
    <b:if cond='data:blog.pageType == "index"'> CODE </b:if>
    Trang tĩnh
    <b:if cond='data:blog.pageType == "static_page"'> CODE </b:if>
    Trang label
    <b:if cond='data:blog.searchLabel == "Tools"'> CODE </b:if>
    Trang tìm kiếm
    <b:if cond='data:blog.searchQuery'> CODE </b:if>
    Không phải bài viết
    <b:if cond='data:blog.pageType != "item"'> CODE </b:if>
    Có comment
    <b:if cond='data:post.numComments > 0'> CODE </b:if>
    Cho phép comment
    <b:if cond='data:post.allowComments'> CODE </b:if>
    Mobile
    <b:if cond='data:blog.isMobile'> CODE </b:if>
    If / Else
    <b:if cond='data:blog.pageType == "item"'> A <b:else/> B </b:if>
    Đừng quên để lại bình luận nếu bạn gặp khó khăn trong quá trình thực hiện, thank and bye! 😁
    Nhận xét
    Additional JS