Tùy Biến Blogger Và If

// " = "
1. data:blog.homepageUrl
// biến trang chủ
<a expr:href='data:blog.homepageUrl' title='Kuteaz blog'>Kuteaz Blog</a> | <a expr:href='data:blog.homepageUrl/p/admin.html' title='Admin Write'>Admin Write</a>

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:
Hướng dẫn đặt quảng cáo trong bài viết cho Blogger
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.

Đầu tiên các bạn phải có sẵn cho mình đoạn mã (HTML) quảng cáo của bạn, còn kích thước thì tùy thuộc vào chiều rộng trang và thẩm mỹ của bạn, mình khuyên dùng quảng cáo có kích thước 300x250 trong sẽ đẹp hơn :)

Chèn quảng cáo tại đầu bài viết cho Blogger

1. Đăng nhập vào Blogger >> Mẫu >> Chỉnh sửa HTML
2. Tìm đến thẻ tất cả các thẻ <data:post.body/>  và thêm đoạn code sau vào bên trên và Lưu lại.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
 ĐẶT MÃ QUẢNG CÁO CỦA BẠN VÀO ĐÂY
</b:if>

Sau khi chèn thành công trang bài đăng của bạn sẽ có cấu trúc như sau

Nếu bạn muốn căn giữa cho quảng cáo của mình thì thay thể đoạn mã trên bằng đoạn phía dưới

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div align=”center“>
 ĐẶT MÃ QUẢNG CÁO CỦA BẠN VÀO ĐÂY
</div>
</b:if>

Còn nếu bạn muốn Quảng cáo của mình năm trong bài viết như hình dưới

thì các bạn sử dụng đoạn mã sau đây

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div style=”float:left; margin:10px;”>
 ĐẶT MÃ QUẢNG CÁO CỦA BẠN VÀO ĐÂY
</div>
</b:if>

Các bạn có thể thay đổi thuộc tính float:left thành right nếu muốn chuyển quảng cáo của mình sang phải.

Chèn quảng cáo tại cuối bài viết cho Blogger

Để đặt quảng cáo ở cuối bài viết thì các bạn làm tương tự như trên chỉ khác ở chỗ là chèn đoạn mã ở dưới các thẻ <data:post.body/>.