Các thẻ điều kiện ( If- Else) trong Blogspot

Các thẻ điều kiện ( If- Else) trong Blogspot – Bài toán giải quyết vấn đề hiển thị ở những widget,module, hay hình ảnh ... hiển thị ở các 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ỳ.. Đây cũng là bài toán để tối ưu tốc độ cho Blog của mình.

Vậy các thẻ điều kiện  trong Blogspot hoạt động như thế nào? 

Cấu trúc có dạng như sau:

<b:if cond='Điều kiện'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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

1. Thẻ điều kiện chỉ có tác dụng tại trang chủ:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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

<b:if cond='data:blog.pageType == "index"'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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

<b:if cond='data:blog.pageType == "item"'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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

<b:if cond='data:blog.pageType == "static_page"'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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

<b:if cond='data:blog.pageType == "archive"'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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

<b:if cond='data:blog.url == "URL nhất định"'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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

<b:if cond='data:blog.url == data:post.url'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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

<b:if cond='data:blog.searchLabel'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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

<b:if cond='data:blog.searchLabel == &quot;Tên nhãn&quot;'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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

<b:if cond='data:blog.pageType == "data:blog.isMobile"'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

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

<b:if cond='data:blog.pageType == "error_page"'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

Các biến thể của các thẻ điều kiện ( If- Else) trong Blogspot

Ở các thẻ điều kiện trên, bạn nhận thấy các điều kiện đó đều nằm ở thể "ĐÚNG (= =)", vậy khi ta muốn nó nằm ở thể "PHỦ ĐỊNH ( # )" thì sao? ( A = B) giờ ta biến thể nó thành ( A # B)

Rất dễ thôi, Bạn hãy để ý ở thẻ điều kiện trên có đoạn "=="  giờ ta hãy biến thể thành "!=". Ví dụ

Câu lệnh chỉ hiển thị ở trang chủ

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

Ta biến thành:

Câu lệnh không cho hiển thị ở trang chủ.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

Ngoài ra với các thẻ điều kiện trện, bạn có thể "lồng" chúng vào với nhau với 2 hay 1 vài điều kiện tùy vào nhu cầu của bạn. Ví dụ:

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.isFirstPost'>
Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>
</b:if>

Hoặc:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
              Code, file Js, CSS hoặc nội dung tùy chỉnh
     <b:else/>
     <b:if cond='data:blog.searchLabel'>
              Code, file Js, CSS hoặc nội dung tùy chỉnh
      <b:else/>
             Code, file Js, CSS hoặc nội dung tùy chỉnh
     </b:if>
   </b:if>
   <b:else/>
      Code, file Js, CSS hoặc nội dung tùy chỉnh
</b:if>

Hy vọng bài viết Các thẻ điều kiện trong Blogspot có thể giúp ích bạn trong quá trình thiết kế 1 Blogspot cho riêng bạn. Còn khá nhiều điều thú vị mà bạn có thể khám phá thêm từ các thẻ điều kiện này.  Các bạn hãy theo dõi ibloggerviet  nhé.

https://ibloggerviet.blogspot.com/2018/05/cac-the-dieu-kien-trong-blogspot.html