Ví dụ như trong đoạn code sau:
<b:if cond='your condition'>
<html>
<style>...css code...</style>
<script>...javascript code...</script>
</html>
</b:if>Phần 1. Các thẻ điều kiện
1. Trang chủ (Homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Nội dung chỉ hiển thị trên trang chủ -->
</b:if>2. Trang bài viết (item)
<b:if cond='data:blog.pageType == "item"'>
<!-- Nội dung chỉ hiển thị trên trang bài viết -->
</b:if><b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2016/03/postn.html"'>
<!-- Nội dung chỉ hiển thị trên trang bài viết có địa chỉ url Blog-cua-ban/2016/03/postn.html-->
</b:if>3. Trang tĩnh (Static page)
<b:if cond='data:blog.pageType == "static_page"'>
<!-- Nội dung chỉ hiển thị trên trang tĩnh static page -->
</b:if><b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/static.html"'>
<!-- Nội dung chỉ hiển thị trên trang bài viết có địa chỉ url Blog-cua-ban/p/static.html 'foo' -->
</b:if>4. Trang index bao gồm trang chủ, trang hiển thị nhãn Label, và trang archive.
<b:if cond='data:blog.pageType == "index"'>
<!-- Nội dung chỉ hiển thị trên các trang index: trang chủ, trang hiển thị nhãn, trang lưu trữ -->
</b:if>5. Trang label search
<b:if cond='data:blog.searchLabel'>
<!-- Nội dung hiển thị trên tất cả các trang nhãn label -->
</b:if>
.................
<b:if cond='data:blog.searchLabel == "blogger"'>
<!-- Nội dung chỉ hiển thị trên nhãn "blogger"-->
</b:if>6. Hiển thị nội dung cho kết quả tìm kiếm (ví dụ: /search?q=blogger)
<b:if cond='data:blog.searchQuery'>
<!-- Nội dung hiển thị trên tất cả các trang tìm kiếm -->
</b:if>
...................................
<b:if cond='data:blog.searchQuery == "blogger"'>
<!-- Nội dung chỉ hiển thị trên trang tìm kiếm với từ "blogger"-->
</b:if>7. Trang lỗi 404
<b:if cond='data:blog.pageType == "error_page"'>
<!-- Nội dung chỉ hiển thị trên trang lỗi -->
</b:if>8. Trang lưu trữ (archive)
<b:if cond='data:blog.pageType == "archive"'>
<!-- Nội dung chỉ hiển thị trên tất cả các trang lưu trữ archive-->
</b:if>9. Trang hiển thị trên mobile
<b:if cond='data:blog.isMobileRequest'>
<!-- Nội dung chỉ hiển thị trên trang mobile-->
</b:if><b:if cond="data:blog.isMobile">
<!-- Nội dung chỉ hiển thị trên trang mobile-->
</b:if><b:if cond='data:blog.pageType == "data:blog.isMobile"'>
<!-- Nội dung chỉ hiển thị trên trang mobile-->
</b:if> <b:if cond='data:blog.isMobileRequest == "true"'>
<!-- Nội dung chỉ hiển thị trên trang mobile-->
</b:if>10. Nội dung hiển thị cho những trang có nhiều bài viết trên cùng một trang, áp dụng này cho bài viết đầu tiên FirstPost
<b:if cond='data:post.isFirstPost'>
<!-- Nội dung cần trình bày -->
</b:if>11. Nội dung hiển thị cho trang tĩnh Static Page và bài viết Item
<b:if cond='data:blog.url == data:post.url'>
<!-- Nội dung chỉ hiển thị với trang tĩnh và bài viết -->
</b:if>12. Hiển thị nội dung nếu bài viết có ảnh thumbnail
<b:if cond='data:post.thumbnailUrl'>
<!-- Nội dung chỉ hiển thị với bài viết có ảnh thumbnail -->
</b:if>13. Hiển thị một nội dung khi có Backlink
<b:if cond='data:post.showBacklinks'>
<!-- Nội dung chỉ hiển thị khi có backlink -->
</b:if>14. Hiển thị nội dung cho Tác giả bài viết
<b:if cond='data:displayname == "author-name"'>
<!-- Nội dung cần trình bày -->
</b:if>15. Hiển thị nội dung trên trang có số comments bằng một giá trị nào đó
<b:if cond='data:post.numComments == number'>
<!-- Nội dung cần trình bày -->
</b:if>16. Hiển thị nội dung trong tất cả các trang khi chức năng comment được kích hoạt
<b:if cond='data:post.allowComments'>
<!-- Nội dung cần trình bày -->
</b:if>Phần 2. Cách sử dụng và kết hợp các thẻ điều kiện
1. Áp dụng điều kiện xuất hiện hoặc không xuất hiện
== Có nghĩa là chỉ xuất hiện trên trang này .....!= Có nghĩa là xuất hiện trên tất cả các trang trừ trang này ra......
2. Dùng thêm thẻ <b:/else/>
Nếu như bạn muốn đưa vào một nội dung thay thế khi điều kiện đưa vào là sai, bạn cần thêm một thẻ <b:/else/> và cho nội dung vào giữa.
<b:if cond='data:blog.pageType == "item"'><b:else/></b:if>3. Kết hợp của nhiều điều kiện (xuất hiện khi thỏa mãn các điều kiện)
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>.post-body {color: yellow;}</style>
<b:else/>
<b:if cond='data:blog.searchLabel'>
<style type='text/css'>.post-body {color: blue;}</style>
<b:else/>
<style type='text/css'>.post-body {color: red;}</style>
</b:if>
</b:if>
</b:if>4. Sử dụng điều kiện IN
<b:if cond='data:blog.pageType in {"static_page","item"}'>
Nội dung chỉ hiển thị Trang Tĩnh và trang Bài Viết
</b:if>5. Sử dụng điều kiện NOT IN
<b:if cond='data:blog.pageType not in {"static_page","item"}'>
Nội dung không hiển thị Trang Tĩnh và trang Bài Viết
</b:if>6. Sử dụng điều kiện AND
<b:if cond='data:blog.pageType == "static_page" and data:blog.pageType == "item"'>
Nội dung hiển thị Trang Tĩnh và Trang Bài Viết
</b:if>7. Sử dụng điều kiện OR
<b:if cond='data:blog.pageType == "static_page" or data:blog.pageType == "item"'>
Nội dung hiển thị hoặc Trang Tĩnh hoặc Trang Bài Viết
</b:if>8. Sử dụng điều kiện Else if
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:elseif cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<data:post.snippet/>
</b:if>Đoạn code trên tương đương với
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<data:post.snippet/>
</b:if>
</b:if>Phần 3. Lưu ý
- Khi bạn chỉnh sửa code cho template của bạn, đôi khi dấu ngoặc kép (") sẽ bị thay thế bằng ký tự " Ví dụ như <b:if cond='data:blog.pageType == "static_page"'> sẽ được thêm vào là <b:if cond='data:blog.pageType == quot;static_pagequot;'>
- Sử dụng điều kiện trong thẻ b:include hoàn toàn tương tự với thẻ b:if, bạn chỉ cần thêm vào thuộc tính "cond='ĐIỀU KIỆN'" của thẻ b:if vào thẻ b:include là xong.
0 nhận xét:
Đăng nhận xét