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.
Trang Index là tổng hợp gồm các trang như trang chủ, trang hiển thị nhãn, và trang archive.
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ụ:
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!
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 IndexTrang 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…> và </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ẻ
<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!
lúc 09:59 6 tháng 12, 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
lúc 14:21 6 tháng 12, 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.
lúc 13:42 11 tháng 2, 2015
điều kiện người đăng bình luận khác author blog là gì???
lúc 13:45 11 tháng 2, 2015
<b:if cond='data:comment.author != data:post.author'>
lúc 12:59 25 tháng 3, 2015
bạn có thể giải thích trang có url tùy chọn là gì giúp mình ko?
lúc 13:00 25 tháng 3, 2015
và đặt code vào phần nào?
lúc 13:03 25 tháng 3, 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ì.
lúc 22:25 25 tháng 3, 2015
oy thế thì tha hồ mà sáng tác nhì?
lúc 22:27 25 tháng 3, 2015
ơ hai url abc.com và abc.com/#conten là một à Lâm Kiều ơi?
lúc 23:00 25 tháng 3, 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.
lúc 23:36 25 tháng 3, 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.
lúc 23:39 25 tháng 3, 2015
cái url bài này của bn sao bị lỗi kìa?
lúc 08:13 26 tháng 3, 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.
lúc 10:54 26 tháng 3, 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
lúc 11:38 26 tháng 3, 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
lúc 20:29 26 tháng 3, 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ì
lúc 07:10 10 tháng 5, 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 ý
lúc 09:24 10 tháng 5, 2015
Mình tra trong template mặc định là chủ yếu bạn nhé @@