Chỉ hiển thị tiêu đề bài viết trong trang Label và Archive

Trong blogspot, khi bạn click chọn để hiển thị bài viết cùng một chủ để hay nói đơn giản là có cùng một  label (Showing posts with label HTML. Show all posts) hoặc lưu trữ archive theo thời gian nào đó, Blogspot sẽ hiện lên tất cả các bài viết có label (hoặc archive dạng tháng/năm) được chọn.

Nếu như blogspot của bạn có quá nhiều bài viết với Label hoặc archive đó, thì trang hiển thị sẽ hiện ra số lượng lớn và sẽ gây bất tiện khi đọc bài. 

Xin giới thiệu thủ thuật giúp bạn làm hiển thị chỉ tiêu đề bài viết thay vì chủ đề và nội dung của mỗi bài viết. Cách thực hiện cũng tương đối đơn giản.

Demo for Post

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn mở rộng mẫu tiện ích (Expand Widget Templates).

5. Bấm chọn Tải xuống mẫu đầy đủ  (DOWNLOAD  template). để lưu trữ đề phòng bất trắc. Cái này cũng rất quan trọng giúp bạn an toàn hơn trong mọi tình huống nhất là với các bạn mới làm quyen với blogspot.
6. Tìm đến dòng code sau (Ctrl F)

<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>        
<b:includable id='main' var='top'>        
<!-- posts -->        
<div id='blog-posts'>        
<b:loop values='data:posts' 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 == "item"'>        
<b:if cond='data:post.allowComments'>        
<b:include data='post' name='comments'/>        
</b:if>        
</b:if>        
</b:loop>        
</div>

7. Và thay thế dòng mã:

<b:include data='post' name='post'/> 

Thành đoạn mã sau:

<b:if cond='data:blog.homepageUrl !=data:blog.url'>        
<b:if cond='data:blog.pageType != "item"'>        
<a expr:href='data:post.url'>        
<data:post.title/></a><br/><br/>        
<b:else/>        
<b:include data='post' name='post'/>        
</b:if>        
<b:else/>        
<b:include data='post' name='post'/>        
</b:if>

Save lại tiến trình bạn vừa thực hiện và kiểm tra kết quả thử xem như thế nào? Nếu thấy hữu ích hoặc có vấn đề gì bạn hãy để lại ý kiến nhé. hãy +1 nếu bạn thích bài viết này.