Thứ Ba, 30 tháng 9, 2014

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 tùy chọn
<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ẻ 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!


"nguồn bài viết từ KslZone.NET".

0 nhận xét:

Đăng nhận xét