Tổng hợp các thẻ điều kiện trong Blogspot

Tổng hợp các thẻ điều kiện trong Blogspot – Bài viết này dành cho những bạn đang tìm cách tối ưu tốc độ cho Blog của mình, cũng như dành cho những bạn đang tìm hiểu về Thiết kế Template Blogspot, những bạn đang tìm hiểu về nền tảng Blogger,….

Cách sử dụng

Thẻ điều kiện giúp ta có thể linh hoạt điều chỉnh các tiện ích, các đoạn JS hoạt động trên những trang nhất định nhằm đạt hiệu quả cao nhất. Ví dụ, mình có 1 đoạn code mà mình chỉ muốn nó hoạt động khi xem bằng máy tính, còn sẽ không hoạt động khi xem bằng mobile thì mình sẽ dùng thẻ điều kiện như sau:

<b:if cond='data:blog.pageType != "data:blog.isMobile"'>
// Đoạn code chỉ hoạt động trên máy tính
</b:if>

Các thẻ điều kiện của Blogger

Dưới đây là 1 số thẻ điều kiện của Blogger mà mình biết được. Nếu như thiếu cái nào thì các bạn bổ sung giúp mình trong phần Comment nhé!

1. Thẻ điều kiện cho trang chủ, trang search label, trang archive:

<b:if cond='data:blog.pageType == "index"'>

2. Thẻ điều kiện cho bài viết.

<b:if cond='data:blog.pageType == "item"'>

3. Thẻ điều kiện cho trang tĩnh:

<b:if cond='data:blog.pageType == "static_page"'>

4. Thẻ điều kiện cho trang lưu trữ:

<b:if cond='data:blog.pageType == "archive"'>

5. Thẻ điều kiện cho trang chủ:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

6. Thẻ điều kiện cho URL nhất định:

<b:if cond='data:blog.url == "URL nhất định"'>

7. Thẻ điều kiện cho Page và Post:

<b:if cond='data:blog.url == data:post.url'>

8. Thẻ điều kiện cho tất cả Label:

<b:if cond='data:blog.searchLabel'>

9. Thẻ điều kiện cho Label nhất định

<b:if cond='data:blog.searchLabel == &quot;Tên nhãn&quot;'>

10. Hiển thị nội dung cho bài viết đầu tiên tại trang chủ

<b:if cond='data:post.isFirstPost'>

11. Thẻ điều kiện cho mobile:

<b:if cond='data:blog.pageType == "data:blog.isMobile"'>

12. Thẻ điều kiện cho trang báo lỗi 404

<b:if cond='data:blog.pageType == "error_page"'>

Các loại điều kiện

Bên trên là các thẻ điều kiện đúng, tức là nếu là A thì sẽ xảy ra B. Nhưng chúng ta cũng còn 1 loại điều kiện khác là điều kiện phủ định. Tức là nếu không phải là A thì sẽ xảy ra B.

Vậy, câu lệnh của hai loại điều kiện này khác nhau như thế nào, hay là cách sử dụng hai loại này có gì khác nhau. Câu trả lời rất đơn giản. Các bạn hãy để ý ở đoạn == trong các loại điều kiện mình đã nêu và != trong ví dụ đầu bài bạn sẽ nhận ra ngay sự khác nhau.

Ví dụ:

Điều kiện đúng:

<b:if cond='data:blog.pageType == "index"'>

Điều phủ định:

<b:if cond='data:blog.pageType != "index"'>

Tổng kết:

Trên đây mình đã hướng dẫn cách dùng cũng như các thẻ điều kiện mà mình biết. Hi vọng, nó sẽ giúp ích cho các bạn trong việc tối ưu blog của mình.

Hits: 39

Bài viết liên quan:

Add Comment

20 Comments

  1. Hoàng Tuyến
    7 Bình luận
    29/07/2016
    • Mộc
      Admin
      29/07/2016
  2. Trần Đình Đức
    5 Bình luận
    30/07/2016
    • Mộc
      Admin
      30/07/2016
      • Trần Đình Đức
        5 Bình luận
        30/07/2016
    • Mộc
      Admin
      30/07/2016
  3. Hòa
    20 Bình luận
    04/08/2016
  4. Hòa TRần
    20 Bình luận
    08/08/2016
  5. quangmen
    21 Bình luận
    06/09/2016
    • Mộc
      Admin
      06/09/2016
  6. thach
    1 Bình luận
    30/12/2016
  7. Tâm
    26 Bình luận
    18/03/2017
    • Mộc
      Admin
      18/03/2017
      • Tâm
        26 Bình luận
        18/03/2017
  8. Trọng
    2 Bình luận
    08/12/2018
    • Admin
      Admin
      20/12/2018