Biết các thẻ điều kiện trong blogger là điều rất quan trọng đối với mỗi người sử dụng blogger vì nó là thứ rất cần thiết cho blogger template đa màn hình. Khi sử dụng thẻ điều kiện, các bạn có thể chỉ định nhiều thứ 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à vì đó nay Anh Nhím Blog sẽ cung cấp cho các bạn những thẻ điều kiện có trong blogspot.
Cú pháp của thẻ có điều kiện được tạo thành từ một cặp thẻ đóng mở <b:if>...</b:if>với thuộc tính cond với thêm để nhập điều kiện. Rõ hơn cú pháp là như thế này:
<b:if cond='điều kiện của bạn'>
Nội dung tùy chỉnh
</b:if>Từ cú pháp tổng quát trên thì trong Blogger có các điều kiện như sau:
1. Thẻ Điều Kiện Cho Trang Chủ
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Nội dung tùy chỉnh
</b:if>2. Thẻ Điều Kiện Cho Trang Bài Viết
<b:if cond='data:blog.pageType == "item"'>
Nội dung tùy chỉnh
</b:if>3. Thẻ Điều Kiện Cho Trang Tĩnh
<b:if cond='data:blog.pageType == "static_page"'>
Nội dung tùy chỉnh
</b:if>4. Thẻ Điều Kiện Cho Trang Index Bao Gồm Trang Chủ, Trang Hiển Thị Nhãn, Và Trang Archive.
<b:if cond='data:blog.pageType == "index"'>
Nội dung tùy chỉnh
</b:if>5. Thẻ Điều Kiện Cho Trang Label (Nhãn)
<b:if cond='data:blog.searchLabel'>
Nội dung tùy chỉnh
</b:if>6. Thẻ Điều Kiện Cho Trang Hoặc Bài Viết Bất Kỳ
<b:if cond='data:blog.url == "URL_Ở_Đây"'>
Nội dung tùy chỉnh
</b:if>7. Thẻ Điều Kiện Cho Trang Lỗi 404
<b:if cond='data:blog.pageType == "error_page"'>
Nội dung tùy chỉnh
</b:if>8. Thẻ Điều Kiện Cho Trang Lưu trữ
<b:if cond='data:blog.pageType == "archive"'>
Nội dung tùy chỉnh
</b:if>.9. Thẻ Điều Kiện Cho Trang Hiển Thị Trên Mobile
<b:if cond='data:blog.pageType == "data:blog.isMobile"'>
Nội dung tùy chỉnh
</b:if>10. Thẻ Điều Kiện Cho Bài Viết Đầu Tiên
<b:if cond='data:post.isFirstPost'>
Nội dung tùy chỉnh
</b:if>Ngoài Ra Trong Các Điều Kiện Trên Thì Các Bạn Cần Chú Ý Một Điều
<b:if cond='data:blog.url != data:blog.homepageUrl'>
Nội dung tùy chỉnh
</b:if>Các bạn chú ý rằng cái điều kiện mình mới đưa ra đây khác hẳn với những cái ở trên. Đó chính giữa dấu "==" và "!=". Từ thẻ điều kiện trên thì dấu "!=" có nghĩa là Nội dung tùy chỉnh sẽ không hiện thị ở trang chủ. Còn dấu "==" thì là hiện thị ở trang chủ và không hiện ở những trang khác.
Cách Dùng
Thường thì ta dùng thẻ điều kiện để hiện thị css là chính, ngoài ra còn rất nhiều thứ nửa không chỉ riêng css.Ví dụ như css ta dùng như sau
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.title {display:none}
</style>
</b:if> Ngoài ra ta còn có thể dùng như sau để giảm thiểu code khi viết.
<b:if cond='Điều kiện'>
..............
</b:if>
<b:if cond='Điều kiện'>
..............
<b:else/>
..............
</b:if>Vậy là mình đã giới thiệu các bạn Các Thẻ Điều Kiện Trong Blogspot. Hy vọng các bạn có thể khám phá ra nhiều điều thú vị mà các thẻ điều kiện này đem lại.
Comments (0) Cancel reply