Tổng hợp thẻ điều kiện cho Blogspot đầy đủ mới nhất 2019

Tổng hợp thẻ điều kiện cho Blogspot đầy đủ mới nhất 2019

TruongBlogger đã đăng
Hiện có lượt xem và 0 bình luận

Chi tiết

Liên quan

Nhận xét

Tác giả

Hướng dẫn

  • Xem toàn trang
  • Thẻ điều kiện được sử dụng để cung cấp điều kiện cho một số phần tử blogger quan trọng như trang, bài đăng, nhãn, thanh bên, tiện ích, v.v. Giả sử bạn đang sử dụng tiện ích Bài đăng phổ biến trong blog blogger của mình. Bạn muốn tiện ích này chỉ hiển thị trên các trang bài đăng (không phải trên trang chủ hoặc trang lưu trữ) thì phải làm như thế nào?

    Trong bài viết này mình sẽ giới thiệu tới các bạn các thẻ điều kiện được cập nhật mới nhất 2019 để có thể sử dụng vào các mẫu template một cách chuẩn nhất.

    Cấu trúc của một thẻ điều kiện

    <b:if cond='giá trị'>
    Nội dung thực hiện khi giá trị trên là đúng
    <b:else/>
    Nội dung thực hiện khi giá trị trên là sai
    </b:if>
    

    Các thẻ điều kiện mới nhất 2019

    1. Thẻ điều kiện chỉ áp dụng cho trang chủ

    <b:if cond='data:view.isHomepage'>
    <!-- chỉ áp dụng cho trang chủ -->
    </b:if>
    
    hoặc
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <!-- chỉ áp dụng cho trang chủ -->
    </b:if>

    2. Thẻ điều kiện chỉ áp dụng cho trang bài viết

    <b:if cond='data:view.isPost'>
    <!-- chỉ áp dụng cho trang bài viết -->
    </b:if>
    hoặc
    <b:if cond='data:blog.pageType == "item"'>
    <!-- chỉ áp dụng cho trang bài viết -->
    </b:if>

    3. Thẻ điều kiện chỉ áp dụng cho trang tĩnh

    <b:if cond='data:view.isPage'>
    <!-- chỉ áp dụng cho trang tĩnh -->
    </b:if>
    hoặc
    <b:if cond='data:blog.pageType == "static_page"'>
    <!-- chỉ áp dụng cho trang tĩnh -->
    </b:if>

    Thẻ điều kiện áp dụng cho 3 loại trang: Trang chủ, trang nhãn, trang lưu trữ

    <b:if cond='data:view.isMultipleItems'>
    <!-- chỉ áp dụng cho trang index -->
    </b:if>
    hoặc
    <b:if cond='data:blog.pageType == "index"'>
    <!-- chỉ áp dụng cho trang index -->
    </b:if>

    4. Thẻ điều kiện chỉ áp dụng cho trang search label (trang tìm kiếm nhãn)

    <b:if cond='data:view.isLabelSearch'>
    <!-- chỉ áp dụng cho trang nhãn -->
    </b:if>
    hoặc
    <b:if cond='data:blog.searchLabel'>
    <!-- chỉ áp dụng cho trang nhãn -->
    </b:if>

    5. Thẻ điều kiện chỉ áp dụng cho 1 nhãn cụ thể

    <b:if cond='data:view.isLabelSearch == "Theme Blogspot"'>
    <!-- áp dụng cho nhãn Theme Blogspot -->
    </b:if>
    
    hoặc
    <b:if cond='data:blog.searchLabel == "Theme Blogspot"'>
    <!-- áp dụng cho nhãn Theme Blogspot -->
    </b:if>
    

    6. Thẻ điều kiện chỉ áp dụng cho trang tìm kiếm (search)

    <b:if cond='data:view.isSearch'>
    <!-- áp dụng cho trang tìm kiếm -->
    </b:if>
    hoặc
    <b:if cond='data:blog.searchQuery'>
    <!-- áp dụng cho trang tìm kiếm -->
    </b:if>

    7. Thẻ điều kiện chỉ áp dụng cho trang lỗi (trang 404)

    <b:if cond='data:view.isError'>
    <!-- áp dụng cho trang lỗi (404 page) -->
    </b:if>
    hoặc
    <b:if cond='data:blog.pageType == "error_page"'>
    <!-- áp dụng cho trang lỗi (404 page) -->
    </b:if>

    8. Áp dụng cho trang lưu trữ (archive)

    <b:if cond='data:view.isArchive'>
    <!-- áp dụng cho trang lưu trữ -->
    </b:if>
    hoặc
    <b:if cond='data:blog.pageType == "archive"'>
    <!-- áp dụng cho trang lưu trữ -->
    </b:if>

    9. Áp dụng khi xem bằng điện thoại (mobile request)

    <b:if cond="data:blog.isMobile">
    <!-- hiển thị trên Mobile -->
    <b:else/>
    <!-- hiển thị trên PC -->
    </b:if>
    hoặc
    <b:if cond='data:blog.isMobileRequest'>
    <!-- hiển thị trên Mobile -->
    <b:else/>
    <!-- hiển thị trên PC -->
    </b:if>

    10. Áp dụng cho bài viết đầu tiên trên trang Index

    <b:if cond='data:post.isFirstPost'>
    <!-- áp dụng cho bài viết đầu tiên -->
    </b:if>

    11. Áp dụng cho trang bài viết và trang tĩnh

    <b:if cond='data:view.isSingleItem'>
    <!-- áp dụng cho trang bài viết và trang tĩnh -->
    </b:if>
    hoặc
    <b:if cond='data:blog.url == data:post.url'>
    <!-- áp dụng cho trang bài viết và trang tĩnh -->
    </b:if>

    12. Áp dụng nếu bài viết có ảnh thumbnail

    <b:if cond='data:post.thumbnailUrl'>
    <!-- áp dụng cho bài viết có ảnh thumbnail -->
    </b:if>

    13. Áp dụng khi tên tác giả bài viết là ...

    <b:if cond='data:displayname == "TÊN_TÁC_GIẢ"'>
    <!-- áp dụng cho tác giả bài viết đó -->
    </b:if>

    14. Áp dụng khi bài viết có số nhận xét bằng 1 số nhất định (69 là giá trị)

    <b:if cond='data:post.numComments == 69'>
    <!-- áp dụng khi bài viết đó có 69 nhận xét -->
    </b:if>

    15. Áp dụng khi bài viết cho phép đăng nhận xét

    <b:if cond='data:post.allowComments'>
    <!-- áp dụng khi bài viết cho phép nhận xét mới -->
    </b:if>

    16. Áp dụng ở trang xem trước bài viết

    <b:if cond='data:view.isPreview'>
    <!-- áp dụng ở trang xem trước bài viết -->
    </b:if>

    17. Áp dụng đối với nhãn cuối cùng

    <b:loop values='data:post.labels' var='label'>
        <b:if cond='data:label.isLast != &quot;true&quot;'> 
          <!-- content -->
        </b:if>   
    </b:loop> 

    18. Áp dụng cho một trang cụ thể

    <b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2018/06/bsw-04-bsw-flat-blogging-responsive-template-for-blogspot.html"'>
    <!-- chỉ áp dụng cho bài viết có URL như trên, chỉ lấy từ phần sau domain chính -->
        </b:if>   
    

    Cách sử dụng các thẻ điều kiện

    Tất cả các thẻ điều kiện bên trên chỉ là thẻ mở, vì vậy khi sử dụng bạn phải thêm thẻ đóng vào: </b:if> Ví dụ:
    <b:if cond='data:blog.pageType == "item"'>
    <!-- Nội dung chỉ xuất hiện ở trang bài viết -->
    </b:if>
    

    Phủ định lại thẻ điều kiện

    Là sao? Là như này, xem ví dụ để rõ:
    <b:if cond='data:blog.pageType == "item"'>
    <!-- nội dung chỉ xuất hiện ở trang bài viết -->
    <b:else/>
    <!-- nội dung sẽ xuất hiện ở tất cả, ngoại trừ trang bài viết -->
    </b:if>
    
    hoặc
    <b:if cond='data:view.isPost'>
    <!-- áp dụng cho trang bài viết -->
    </b:if>
    phủ định lại
    <b:if cond='!data:view.isPost'>
    <!-- áp dụng cho tất cả trang, trừ trang bài viết -->
    </b:if>
    
    tương tự với các thẻ khác cũng như vậy:
    <b:if cond="data:blog.isMobile">
    <!-- nội dung chỉ hiện ở Mobile -->
    <b:else/>
    <!-- nội dung sẽ hiện ở PC, không hiện ở Mobile -->
    </b:if>
    

    Lưu ý

    Đối với những thẻ điều kiện này, khi bạn lưu Template, những kí tự " sẽ tự động được convert thành &quot; bạn không phải lo lắng gì hết nhé, vì mặc định Blogger nó như vậy. Đây không phải là lỗi. Bạn có thể áp dụng 3 4 hay 5 thẻ điều kiện vào cùng 1 lúc, điều này đòi hỏi trình độ khá cao nên các bạn beginners có thể sẽ không hiểu. Mình sẽ cho ví dụ như này, các bạn có thể tự tìm hiểu nhé.
    <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> 
    Source: bacsiwindows.com

    Trên đây là bài viết Tổng hợp thẻ điều kiện cho Blogspot đầy đủ mới nhất 2019. Chúc bạn thực hiện thành công. Nếu thấy bài viết hữu ích đừng quên chia sẻ đến bạn bè nhé!
    Tóm tắt nội dung
      Lưu ý:
      Sử dụng tiếng Việt có dấu khi bình luận, hạn chế viết tắt.
      Bình luận đúng chủ đề bài viết, không SPAM trong bình luận.
      Gửi kèm ảnh chụp màn hình để được hỗ trợ tốt nhất. Up ảnh lên trang imgur.com, sau đó sao chép link ảnh dán vào khung bình luận.
      Để chèn hình ảnh, khi đăng nhận xét bạn nhập như sau: [img]https://i.imgur.com/iIEPcxC.png[/img]
      Viết bình luận (0)

      Trường Blogger

      Pass giải nén mặc định: truongblogger
      Chắc bạn cũng đã nhiều lần gặp những link của 123link dạng 123link.co tại những trang web chia sẻ nội dung số. Nhưng bạn không biết cách nào để truy cập vào đúng link gốc của nội dung mà mình muốn truy cập. Bài viết này sẽ giúp bạn làm điều đó.
      Đầu tiên bạn truy cập vào một link 123link. Khi bạn truy cập xong thì nội dung bạn thấy sẽ tựa như hình ở dưới.
      Trang 123link
      Trang 123link
      Đánh dấu check vào vô “I’m not a robot”. Sau đó sẽ có một bảng captcha hiện ra. Bạn trả lời theo câu hỏi của captcha rồi bấm Verify để xác nhận.
      I’m not a robot
      I’m not a robot
      Verify
      Verify
      Sau khi xác nhận captcha thành công thì bấm chọn nút “Click here to continue” để sang bước tiếp theo.
      Click here to continue
      Click here to continue
      Ở trang tiếp theo, bạn sẽ thấy một đồng hồ đếm ngược, thường thì nhiều nhất sẽ là 7 giây. Bạn đợi cho thời gian đếm ngược chạy hết.
      Bạn đợi cho thời gian đếm ngược chạy hết
      Bạn đợi cho thời gian đếm ngược chạy hết
      Khi thời gian đếm ngược chạy hết, bạn sẽ thấy nút Get Link hiện ra. Bạn bấm vào nút đó để truy cập đến đường link đã được rút gọn bởi 123link.
      Get Link
      Get Link
      Bạn cứ yên tâm là link từ 123link sẽ không có ẩn chứa những mối nguy hiểm như virus, các pop-up quảng cáo không lành mạnh và phiền toái khi bạn đang thao tác các bước để tới link đích.