Cách sử dụng câu lệnh điều kiện if - else trong Blogspot mới nhất

Thẻ điều kiện trong Blogspot là gì?

Thẻ điều kiện trong blogspot được sử dụng để kiểm tra 1 sự kiện. Nếu chúng thỏa điều kiện thì sẽ thực thi một hành động, ngược lại sẽ là một hành động khác được thực hiện. Đây là cách tuyệt vời để để làm những việc như ẩn các tiện ích , css, javascript, html... nhằm giải quyết các vấn đề cần thiết khi tối ưu cũng như thực hiện việc SEO trên Blogger và giúp bạn có một website vượt trội hơn trong quá trình sử dụng Blogger.

Thẻ điều kiện trong blogspot là thành phần khá hữu ích để bạn có thể tùy chỉnh hiển thị ở những 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ỳ...Nếu sử dụng linh hoạt thẻ này kết hợp với html, css và jquery bạn sẻ làm được khá nhiều điều trong blogspot.

Ví dụ, khi chúng ta muốn hiển thị "Hello world" trên tất cả trang bài viết và "Goodbye Cruel World" trên các trang còn lại thì nó sẽ như sau:

<b:if cond='data:blog.pageType == "item"'>
       Hello world
<b:else/>
       Goodbye Cruel World
</b:if>

+ Câu lệnh IF: Thực hiện 1 số câu lệnh khi điều kiện đưa ra là đúng.
+ Câu lệnh IF…ELSE: Thực hiện 1 số câu lệnh khi điều kiện đúng và 1 số câu lệnh khác nếu điều kiện là sai.
Sử dụng thẻ điều kiện trong Blogspot
- Nội dung hiển thị cho trang chủ, trang label (Danh mục), trang lưu chữ archive

<b:if cond='data:blog.pageType == "index"'>
// Nội dung hiển thị
</b:if>

- Nội dung hiển thị cho trang bài viết (Post)

<b:if cond='data:blog.pageType == "item"'>
// Nội dung hiển thị
</b:if>

- Nội dung hiển thị trên các trang tĩnh (Pages)

<b:if cond='data:blog.pageType == "static_page"'>
// Nội dung hiển thị
</b:if>

- Nội dung hiển thị cho trang lưu trữ (Archive)

<b:if cond='data:blog.pageType == "archive"'>
// Nội dung hiển thị
</b:if>

- Nội dung hiển thị cho trang chủ (HomePage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
// Nội dung hiển thị
</b:if>

- Nội dung hiển thị cho một URL chỉ định (thay PUT_URL_HERE bằng 1 URL)

<b:if cond='data:blog.url == "PUT_URL_HERE"'>
// Nội dung hiển thị
</b:if>

- Nội dung hiển thị cho Trang (Page) và bài viết (Post)

<b:if cond='data:blog.url == data:post.url'>
// Nội dung hiển thị
</b:if>

- Hiển thị nội dung trên các trang Label (Nhãn)

<b:if cond='data:blog.searchLabel'>
// Nội dung hiển thị
</b:if>

- Hiển thị nội dung cho nhãn (label) được chỉ định (ví dụ: Blogger)

<b:if cond='data:blog.searchLabel == &quot;Blogger&quot;'>
// Hiển thị nội dung với nhãn 'Blogger'
</b:if>

- Hiển thị nội dung sau bài viết đầu tiên trên các trang, Ví dụ: Trang chủ, Label

<b:if cond='data:post.isFirstPost'>
// Nội dung hiển thị
</b:if>

- Hiển thị một nội dung khi có Backlink

<b:if cond='data:post.showBacklinks'>
// Nội dung hiển thị
</b:if>

- Hiển thị nội dung cho tác giả bài viết (thay specific-name bằng tên tác giả cụ thể)

<b:if cond='data:displayname == "specific-name"'>
// Nội dung hiển thị
</b:if>

- Hiển thị nội dung trên trang có số comments bằng một giá trị nào đó (thay number bằng một số)

<b:if cond='data:post.numComments == number'>
// Nội dung hiển thị
</b:if>

- Hiển thị nội dung trong tất cả các trang khi chức năng comment được kích hoạt

<b:if cond='data:post.allowComments'>
// Nội dung hiển thị
</b:if>

- Hiển thị nội dung cho kết quả tìm kiếm (ví dụ: http://tungcoder.blogspot.com/search?q=blogger tutorials)

<b:if cond='data:blog.searchQuery == &quot;blogger tutorials&quot;'>
// Hiển thị nội dung cho kết quả tìm kiếm `blogger tutorials`
</b:if>

- Hiển thị nội dung cho các trang lỗi 404

<b:if cond='data:blog.pageType == "error_page"'>
// Nội dung hiển thị
</b:if>

Bạn cũng có thể áp dụng cho kiểu so sánh khác "!="
Ví dụ: Hiển thị một nội dung nào đó trên tất cả các trang ngoại trừ Trang chủ (Homepage)

<b:if cond='data:blog.url != data:blog.homepageUrl'>
// Nội dung hiển thị
</b:if>

Sử dụng <b:else/>

- Nó được đặt trong thẻ Ví dụ: Hiển thị nội dung 1 trên Trang chủ. Ngược lại, nếu trang không phải trang chủ, thì nội dung 2 sẽ được hiển thị

<b:if cond='data:blog.url == data:blog.homepageUrl'> 
     // Nội dung hiển thị 1
     <b:else/> 
     // Nội dung hiển thị 2
</b:if>

- Các thẻ điều kiện có thể sếp chồng lên nhau. Ví dụ: Các nội dung sẽ được hiển thị trên trang bài viết, nếu url khác một địa chỉ nào đó thì hiển thị nội dung 1 và ngược lại sẻ hiển thị nội dung 2 (thay specific-URL-on-the-blog bằng 1 url cụ thể)

<b:if cond='data:blog.pageType == "item"'>
     <b:if cond='data:blog.url != "specific-URL-on-the-blog"'> 
            // Nội dung hiển thị 1
     <b:else/>
            // Nội dung hiển thị 2
     </b:if>
</b:if>