CÁC KIỂU TRANG CỦA BLOGGER

Khi thử tham gia làm tác giả của Vnblogspot, và khi thử viết bài thì thấy thắc mắc với kiểu preview (xem trước) của trang Vnblogspot Review. Trong khi trang chủ có kiểu trình bày hoàn toàn khác, còn trang preview lại có giao diện của Vnblogspot. Không lẻ có 2 blog trong 1 địa chỉ?

Hỏi anh Tien thì được trả lời chung chung là dựa vào url và page type của blog. Sau một ngày mày mò cộng tham khảo bài viết Tìm hiểu kiểu trang của Blogger của anh Duy Pham thì mình đã tìm ra được thêm một kiểu trang nữa của Blogger.

Mặc dù không phải dân chuyên nghiệp gì nhưng thấy có chút thú vị với phát hiện nhỏ của mình nên xin tổng hợp lại các kiểu trang của Blogger như sau:

1. TRANG CHỦ

Trang này chắc không xa lạ với các bạn. Kiểu trang của trang chủ là "index". Cách kiểm tra bằng code của Blogger phải là:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
  Những gì muốn hiển thị trên trang chủ thì bỏ đây
 </b:if>
</b:if>

2. TRANG NHÃN

Bạn sẽ gặp trang này khi bạn click vào một nhãn. Nó thường có URL ví dụ như: "http://vn-hon.blogspot.com/search/label/Guide". Mấy trang kiểu này cũng có kiểu trang là "index". Để kiểm tra được loại trang này thì phải viết code javascript kiểm tra xem trong URL của trang có đoạn "/search/label/" không. Đoạn code này em chưa biết viết, chỉ có ý tưởng vậy thôi.

3. TRANG TÌM KIẾM

Trang này bạn sẽ thấy khi gõ vào khung tìm kiếm của một blog nào đó hoặc bấm các nút phân trang (bài cũ hơn, bài mới hơn...). URL của nó thường có dạng như: "http://vn-hon.blogspot.com/search?q=Gladiator". Kiểu trang của mấy trang này cũng là "index". Để kiểm tra thì cũng viết code tìm thử trong URL trang có đoạn "/search?q=" hay không.

4. TRANG LƯU TRỮ

Trang này chúng ta sẽ gặp khi bấm vào liên kết lưu trữ của blog (theo tháng hoặc năm). URL của nó thường kết thúc với chữ "_archive.html" ví dụ như: "http://vn-hon.blogspot.com/2011_06_01_archive.html". Các trang này có kiểu là "archive". Cách kiểm tra bằng code của Blogger là:

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
 Những gì muốn hiện trong trang lưu trữ thì bỏ ngay đây
</b:if>

5. TRANG TĨNH

Bạn nào rành rảnh Blogger thường đã biết các trang này. Mình thường dùng nó để tạo ra các trang như: Liên hệ, Giới thiêu,... Nó thường có dạng url như: "http://vn-hon.blogspot.com/p/gioi-thieu.html", luôn luôn có mặt của chữ "/p/". Các trang này có kiểu "static_page". Cách kiểm tra bằng code Blogger là:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
 Những gì muốn hiện trong trang tĩnh thì bỏ ngay đây
</b:if>

6. TRANG BÀI VIẾT

Đây là các trang mà bạn thường để hiển thị bài mà các bạn đăng. Kiểu của nó là "item" và URL thường có dạng là: "http://vn-hon.blogspot.com/2011/06/honguide-huong-dan-co-ban-cho-nguoi-moi.html". Để kiểm tra xem có phải là trang bài viết không, các bạn sử dụng code Blogger sau:

<b:if cond='data:blog.url != data:blog.homepageUrl'>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
  Những gì chỉ muốn hiện trong trang bài viết thì bỏ ở đây
 </b:if>
</b:if>

7. TRANG PREVIEW

Khi bạn viết bài, trước khi đăng, bạn thường nhấn nút Preview (xem trước) để coi thử bài có đẹp không. Trang này có kiểu "item" và có URL thường là "http://vn-hon/b/post-preview?token=" nhưng trình duyệt sẽ nhận URL của nó là trùng với trang chủ. Nên chúng ta sẽ kiểm tra bằng code Blogger như sau:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
  Những gì chỉ muốn hiện trong trang preview (xem trước) thì bỏ ở đây
 </b:if>
</b:if>