Thẻ điều kiện và cách sử dụng đối với Blogger

Nếu bạn là một lập trình viên, hay đơn giản đang học công nghệ thông tin thì bạn sẽ biết chắc chắn bất kỳ ngôn ngữ lập trình nào cũng có câu (thẻ) điều kiện. Và hôm nay mình muốn hướng dẫn các bạn về thẻ điều kiện cho Blogger, để tùy chỉnh một số thứ như tiện ích, css, javascript, html tùy chọn sẽ được hiện ở đâu, trang nào,... giúp bạn có một website vượt trội hơn. Về vấn đề sử dụng khá đơn giản nên các bạn có thể yên tâm nếu các bạn không biết gì và lập trình.

Thẻ điều kiện và cách sử dụng đối với Blogger

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

Thẻ điều kiện của Blogger có cú pháp như sau:
<b:if cond='ĐIỀU_KIỆN'>
</b:if>
Thẻ bất đầu là thẻ <b:if>, và đều phải có thuộc tính cond trong mỗi thẻ. Thẻ cond là viết tắt của Condition có nghĩa là điều kiện, và thuộc tính này sẽ nhận giá trị điều kiện của chúng ta. Mỗi thẻ bắt đầu <b:if> được kết thúc bởi thẻ đóng </b:if>.

Danh sách các điều kiện của Blogger

1. Trang Index
Trang Index là tổng hợp gồm các trang như trang chủ, trang hiển thị nhãn, và trang archive.
<b:if cond='data:blog.pageType == "index"'>
2. Trang bài viết
<b:if cond='data:blog.pageType == "item"'>
3. Trang tĩnh hay còn gọi là Trang trống
<b:if cond='data:blog.pageType == "static_page"'>
4. Trang Archive
<b:if cond='data:blog.pageType == "archive"'>
5. Trang chủ
<b:if cond='data:blog.url == data:blog.homepageUrl'>
6. Trang có URL bất kì
<b:if cond='data:blog.url == "ĐẶT_URL_VÀO_ĐÂY"'>
7. Trang bài viết và trang tĩnh
<b:if cond='data:blog.url == data:post.url'>
8. Trang xem nhãn
<b:if cond='data:blog.searchLabel'>
9. Bài viết đầu tiên
<b:if cond='data:post.isFirstPost'>

Sử dụng câu điều kiện

Nội dung cần sử dụng sẽ được đặt vào giữa 2 thẻ <b:if cond…></b:if>  ví dụ:
<b:if cond='data:blog.pageType == "item"'>
Nội dung (để thực thi nếu điều kiện đúng)
</b:if>
mình cũng sử dụng các  này để chèn quảng cáo vào bài viết ở bài trước:
Nếu bạn muốn thực hiện một nội dung khác nếu điều kiện sai, bạn cần thêm thẻ vào ví dụ:

<b:if cond='data:blog.pageType == "item"'>
Nội dung 1 (để thực thi nếu điều kiện đúng)
<b:else/>
Nội dung 2 (để thực thi nếu điều kiện sai)
</b:if>
Ở tất cả những gì mình đã hướng dẫn ở trên đều sử dụng phép so sánh bằng == nếu bạn muốn so sánh không bằng hay còn gọi là khác thì bạn có thể thay đổi == thành != ví  dụ:
<b:if cond='data:blog.pageType != "item"'>
Nội dung (để thực thi nếu điều kiện đúng)
</b:if>
Nội dung trên sẽ thực hiện ở tất cả các trang khác trang bài viết.

Như vậy mình đã hướng dẫn các bạn đầy đủ cách sử dụng thẻ điều của của Blogger. Hi vọng thủ thuật này giúp bạn có thêm ý tưởng sáng tạo cho blog của mình!

18 bình luận

  1. avatar says

    09:59 Ngày 06 tháng 12 năm 2014

    Chào bạn, bạn có thể giúp mình chút không. Mình cố sử dụng thủ thuật ẩn bài viết ở trang chủ
    Mình có đọc bài viết này
    http://www.terocket.com/2011/12/khong-hien-thi-bai-viet-thuoc-nhan-nhat.html
    Và đã làm theo hướng dẫn khá ok. Đoạn code của mình nó kiểu như thế này










































    Nhưng sau khi áp dụng thủ thuật này thì mình lại gặp phải vấn đề là những trang kiểu như "http://www.abc.com/search/label/Lyrics"
    nó cũng không hiển thị bài đăng.

    Bạn có thể giúp mình làm sao để những bài viết thuộc nhãn "Lyrics" không hiển thị ở trang index mà vẫn hiển thị ở trang "http://www.abc.com/search/label/Lyrics" được không.

    Có cách gì sử dụng các cái thẻ điều kiện như vậy không?
    Mình cám ơn trước

  2. avatar says

    14:21 Ngày 06 tháng 12 năm 2014

    Nhờ bạn convert code của bạn ở đây http://www.kslzone.net/p/function-esctool-return-document.html rồi post lại vào khung nhận xét nha, không nó bị ẩn hết.

  3. avatar says

    13:42 Ngày 11 tháng 02 năm 2015

    điều kiện người đăng bình luận khác author blog là gì???

  4. avatar says

    13:45 Ngày 11 tháng 02 năm 2015

    <b:if cond='data:comment.author != data:post.author'>

  5. avatar says

    12:59 Ngày 25 tháng 03 năm 2015

    bạn có thể giải thích trang có url tùy chọn là gì giúp mình ko?

  6. avatar says

    13:00 Ngày 25 tháng 03 năm 2015

    và đặt code vào phần nào?

  7. avatar says

    13:03 Ngày 25 tháng 03 năm 2015

    Mình ví dụ nhé nếu là trang liên hệ của mình thì làm gì đó
    <b:if cond='data:blog.url == "http://www.kslzone.net/p/lien-he_10.html"'>

    </b:if>

    Ví dụ 2 nếu là trang chủ của mình thì làm gì đó
    <b:if cond='data:blog.url == "http://www.kslzone.net/"'>
    ...
    </b:if>

    Có nghĩa là ở url bất kì trên domain của bạn, nếu nó gặp URL đó thì nó sẽ thực thi cái gì.

  8. avatar says

    22:25 Ngày 25 tháng 03 năm 2015

    oy thế thì tha hồ mà sáng tác nhì?

  9. avatar says

    22:27 Ngày 25 tháng 03 năm 2015

    ơ hai url abc.com và abc.com/#conten là một à Lâm Kiều ơi?

  10. avatar says

    23:00 Ngày 25 tháng 03 năm 2015

    Không bạn nhé, Blogger nó vẫn chưa được thông minh cho lắm :D Cái domain thứ 2 abc.com/#conten nó không hoạt động được.

  11. avatar says

    23:36 Ngày 25 tháng 03 năm 2015

    thảo nào lúc mình chỉnh css cho trang #conten thì thấy chã đk
    Ê mà bi giờ làm sao để bài đăng cũ hiển thị ngay bên dưới những bài đăng vừa xem thay vì hiện ra một ở trang mới? Có dễ làm ko? Hay bn viết tut đi.

  12. avatar says

    23:39 Ngày 25 tháng 03 năm 2015

    cái url bài này của bn sao bị lỗi kìa?

  13. avatar says

    08:13 Ngày 26 tháng 03 năm 2015

    Mình chưa hiểu ý tưởng bạn nói lắm :D. Còn cái URL bài này mình thấy bình thường mà ta.

  14. avatar says

    10:54 Ngày 26 tháng 03 năm 2015

    ví dụ như khi mình đang ở trang chủ và đang xem những bài đăng mới nhất, làm sao để khi click vào liên kết "bài đăng cũ hơn" thì nó không bị chuyển sang một trang khác (trang older), mà những bài đăng cũ sẽ hiển thị tiếp xuống bên dưới những bài đăng mới vừa xem

  15. avatar says

    11:38 Ngày 26 tháng 03 năm 2015

    Cái này phải sử dụng AJAX rồi, nghe có vẻ hơi khó thực hiện nhưng ý tưởng khá hay cho mình ngâm cứu. Được sẽ chia sẻ ngay với mọi người :D

  16. avatar says

    20:29 Ngày 26 tháng 03 năm 2015

    Uồi thế thì khó nhĩ, mình tưởng chỉ css thôi chứ. bạn cứ ngâm kĩ đi nhé rồi up TUT cho m xem với. đang theo dõi hì hì

  17. avatar says

    07:10 Ngày 10 tháng 05 năm 2015

    Danh sách các điều kiện của blogger ấy ban, tra cứu ở site nào? kiểu như wp codex ý

  18. avatar says

    09:24 Ngày 10 tháng 05 năm 2015

    Mình tra trong template mặc định là chủ yếu bạn nhé @@

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.