[Blogger] Hiển thị bài viết thuộc Label nhất định ở trang chủ

Trong thiết kế blog đôi khi theo yêu cầu bạn chỉ muốn hiển thị bài viết thuộc một label nhất định ở trang chủ hoặc kiểu trang index.

Đặc điểm: Với thủ thuật này ở trang chủ của bạn chỉ hiện thị bài viết của một label được chỉ định và những bài viết thuộc các label khác sẽ bị ẩn đi.

1. Đăng nhập vào blog của bạn.
2. Chọn mẫu (tempalate) => Chọn Chỉnh sửa HTML (Edit HTML)
3. Tìm đoạn code và kéo chuột xuống vài dòng bạn sẽ tìm được đoạn code tương tự như bên dưới (đoạn này có thể khác nhau tuỳ theo từng blog nha các bạn):

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<b:loop values='data:posts' var='post'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <data:adCode/> <data:adStart/> </b:if> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop>

– Thay thế nó thành đoạn code bên dưới:

1 2 3 4 5 6 7 8 9 10 11 12 13

<b:loop values='data:posts' var='post'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name == "Tên Label muốn hiển thị"'> <b:include data='post' name='printPosts'/> </b:if> </b:loop> </b:if> <b:else/> <b:include data='post' name='printPosts'/> </b:if> </b:loop>

Ngay chỗ “Tên Label muốn hiển thị“, thay đổi thành tên label mà bạn muốn hiển thị bài viết của label đó ở trang chủ.

– Lúc này mình tìm thẻ đóng của thẻ . Và đặt đoạn code bên dưới vào sau thẻ nói trên.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<b:includable id='printPosts' var='post'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'> <data:post.dateHeader/> </h2> </b:if> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if> </b:includable>

Lưu mẫu lại và kiểm tra kết quả của các bạn nha.

Chúc các bạn thành công!

Nguồn http://tapchicntt.com/