Tổng hợp các thẻ if cần thiết cho người Thiết kế Blogspot chuyên nghiệp

Tweet

Khi bạn thiết kế Blogspot, mình tạm gọi là 1 thuộc tính khá quan trọng để bạn có thể làm cho trang Blogspot của mình trở nên chuyên nghiệp hơn rất nhiều. 





Trang của bạn được thể hiện khác nhau ở từng trang như Home, Item, Page, Label. Khi đó, bạn cần phải sử dụng tới các thẻ điều kiện <if>. Như các bạn có thể thấy ngay trên Website của ThaiAiTi.com.




Trang chủ ThaiAiTi.com - Chuyên Thiết kế BLogspot chuyên nghiệp theo yêu cầu



TRang Label hiển thị các mẫu Template Blogspot chuyên nghiệp


Và còn rất nhiều thú vị, bạn có thể khám phá trực tiếp ngay trên Website ThaiAiTi.com nhé

Mình đã sử dụng khá nhiều thẻ <if> đan xen vào nhau để tạo nên phong cách thiết kế khác biệt từ trang chủ cho tới trang search label. Mỗi trang mình đều có lối thể hiện Style khác nhau. Bạn đủ tò mò chứ? Bài hôm nay, ThaiAiTi.com sẽ giới thiệu bạn đọc tổng hợp các thẻ <if>.

Sử dụng thẻ điều kiện trong Blogger


- Nội dung hiển thị cho trang chủ, trang label (Danh mục), trang lưu chữ archive
<b:if cond='data:blog.pageType == "index"'> // Nội dung hiển thị </b:if>
- Nội dung hiển thị cho trang bài viết (Post) 
<b:if cond='data:blog.pageType == "item"'> // Nội dung hiển thị </b:if>
- Nội dung hiển thị trên các trang tĩnh (Pages) 
<b:if cond='data:blog.pageType == "static_page"'> // Nội dung hiển thị </b:if>
- Nội dung hiển thị cho trang lưu trữ (Archive)

<b:if cond='data:blog.pageType == "archive"'> // Nội dung hiển thị </b:if>
- Nội dung hiển thị cho trang chủ (HomePage)

<b:if cond='data:blog.url == data:blog.homepageUrl'> // Nội dung hiển thị </b:if>
- Nội dung hiển thị cho một URL chỉ định (thay PUT_URL_HERE bằng 1 URL)
<b:if cond='data:blog.url == "PUT_URL_HERE"'> // Nội dung hiển thị </b:if>
- Nội dung hiển thị cho Trang (Page) và bài viết (Post)

<b:if cond='data:blog.url == data:post.url'> // Nội dung hiển thị </b:if>
- Hiển thị nội dung trên các trang Label (Nhãn)

<b:if cond='data:blog.searchLabel'> // Nội dung hiển thị </b:if>
- Hiển thị nội dung cho nhãn (label) được chỉ định (ví dụ: Blogger)

<b:if cond='data:blog.searchLabel == &quot;Blogger&quot;'> // Hiển thị nội dung với nhãn 'Blogger' </b:if>
- Hiển thị nội dung sau bài viết đầu tiên trên các trang, Ví dụ: Trang chủ, Label,

<b:if cond='data:post.isFirstPost'> // Nội dung hiển thị </b:if>
- Hiển thị một nội dung khi có Backlink

<b:if cond='data:post.showBacklinks'> // Nội dung hiển thị </b:if>
- Hiển thị nội dung cho tác giả bài viết (thay specific-name bằng tên tác giả cụ thể)

<b:if cond='data:displayname == "specific-name"'> // Nội dung hiển thị </b:if>
- Hiển thị nội dung trên trang có số comments bằng một giá trị nào đó (thay number bằng một số)

<b:if cond='data:post.numComments == number'> // Nội dung hiển thị </b:if>
- 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 hiển thị </b:if>
- Hiển thị nội dung cho kết quả tìm kiếm

<b:if cond='data:blog.searchQuery == &quot;blogger tutorials&quot;'> // Hiển thị nội dung cho kết quả tìm kiếm `blogger tutorials` </b:if>
- Hiển thị nội dung cho các trang lỗi 404

<b:if cond='data:blog.pageType == "error_page"'> // Nội dung hiển thị </b:if>
Bạn cũng có thể áp dụng cho kiểu so sánh khác "!="

Ví dụ: Hiển thị một nội dung nào đó trên tất cả các trang ngoại trừ Trang chủ (Homepage)

<b:if cond='data:blog.url != data:blog.homepageUrl'> // Nội dung hiển thị </b:if>
Chúc bạn thực hiện thành công! Mọi thắc mắc vui lòng để lại comment phía dưới. Hoặc yêu cầu thủ thuật tại đây
Hiện tại, ThaiAiTi.com đang đào tạo 2 chương trình Blogspot và Photoshop tại Hà Nội, bạn có thể tham khảo để biết thêm thông tin chi tiết tại đây