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

Facebook Twitter Email Whatsapp

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,….

Nội dung chính

• Cách sử dụng
• Các thẻ điều kiện của Blogger
  • • 1. Thẻ điều kiện cho trang chủ, trang search label, trang archive:
    • 2. Thẻ điều kiện cho bài viết.
    • 3. Thẻ điều kiện cho trang tĩnh:
    • 4. Thẻ điều kiện cho trang lưu trữ:
    • 5. Thẻ điều kiện cho trang chủ:
    • 6. Thẻ điều kiện cho URL nhất định:
    • 7. Thẻ điều kiện cho Page và Post:
    • 8. Thẻ điều kiện cho tất cả Label:
    • 9. Thẻ điều kiện cho Label nhất định
    • 10. Hiển thị nội dung cho bài viết đầu tiên tại trang chủ
    • 11. Thẻ điều kiện cho mobile:
    • 12. Thẻ điều kiện cho trang báo lỗi 404
• Các loại điều kiện
  • • Ví dụ:
• Tổng kết:

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.

=-----------------------==================----------------------------===================-

TỔNG HỢP CÁC THẺ ĐIỀU KIỆN TRONG BLOGSPOT

1. ĐIỀU KIỆN XUẤT HIỆN Ở TRANG CHỦ:

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

2. ĐIỀU KIỆN XUẤT HIỆN Ở BÀI VIẾT:

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

3. ĐIỀU KIỆN XUẤT HIỆN Ở TRANG TĨNH HAY GỌI LÀ TRANG:

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

4. ĐIỀU KIỆN XUẤT HIỆN Ở NỘI DUNG HIỂN THỊ CHO TRANG (PAGE) VÀ BÀI VIẾT (POST)

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

5. ĐIỀU KIỆN XUẤT HIỆN Ở TRANG INDEX SẼ BAO GỒM (TRANG CHỦ, TRANG SEARCH LABEL, TRANG ARCHIVE):

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

6. ĐIỀU KIỆN XUẤT HIỆN Ở TRANG NHÃN:

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

7. ĐIỀU KIỆN XUẤT HIỆN Ở CHỈ HIỂN THỊ TRÊN MỘT NHÃN NÀO ĐÓ:

<b:if cond='data:blog.url == "http://DOMAIN/search/label/Tennhan"'>

8. ĐIỀU KIỆN XUẤT HIỆN Ở TRANG CÓ URL BẤT KÌ:

<b:if cond='data:blog.url == "ĐỊA CHỈ URL"'>

9. ĐIỀU KIỆN XUẤT HIỆN Ở TRANG LỖI 404:

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

10. ĐIỀU KIỆN XUẤT HIỆN Ở TRANG LƯU TRỮ:

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

11. ĐIỀU KIỆN XUẤT HIỆN TRANG Ở TRÊN DI ĐỘNG:

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

12. ĐIỀU KIỆN XUẤT HIỆN Ở TRANG BÀI VIẾT ĐẦU TIÊN:

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

13. CHỈ HIỂN THỊ MỘT NỘI DUNG KHI CÓ BACKLINK:

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

14. 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"'>

15. 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'>

16. 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'>

17. THẺ ĐIỀU KIỆN IF VÀ ELSE:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
// Nội dung hiển thị ở Trang chủ
<b:else/>
// Nội dung không hiển thị ở Trang chủ
</b:if>

Áp dụng điều kiện xuất hiện hoặc không xuất hiện 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Ủ

<b:if cond='data:blog.url != data:blog.homepageUrl'>
// Nội dung
</b:if>

HIỂN THỊ MỘT NỘI DUNG NÀO ĐÓ DUY NHẤT TRÊN TRANG CHỦ

<b:if cond='data:blog.url == data:blog.homepageUrl'>
// Nội dung
</b:if>

Lưu ý:
!= Có ý nghĩa là xuất hiện trên tất cả các trang trừ trang này ra...
== Có ý nghĩa là chỉ xuất hiện trên trang này...
Trên đây là một số thẻ điều kiện cho bạn trong việc thiết kế, nếu thiếu thẻ nào bạn để lại dưới bình luận để mình cập nhật nhé!