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.
>>Chữ nhấp nháy - Thủ thuật tạo chữ nhấp nháy trong Blogger
>>Slide JQuery - Thủ thuật tạo Slide JQuery cho Blogger
>>Comments - Thủ thuật đánh số cho bình luận trong Blogger
>>Comments - Thủ thuật đánh số cho nhiều hơn 200 bình luận trong Blogger
>>Popular Posts - Bài viết phổ biến cho Blogger - Version 1
>>Chèn quảng cáo Google Adsense...vào bài viết trong Blogger
>>Related Posts - Tạo bài viết liên quan cho Blogger
>>Chữ nhấp nháy - Thủ thuật tạo chữ nhấp nháy trong Blogger
>>Slide JQuery - Thủ thuật tạo Slide JQuery cho Blogger
>>Comments - Thủ thuật đánh số cho bình luận trong Blogger
>>Comments - Thủ thuật đánh số cho nhiều hơn 200 bình luận trong Blogger
>>Popular Posts - Bài viết phổ biến cho Blogger - Version 1
>>Chèn quảng cáo Google Adsense...vào bài viết trong Blogger
>>Related Posts - Tạo bài viết liên quan cho Blogger

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 blogger 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.
1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Tìm đến dòng code màu đỏ như 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>5. 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>6- 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?
Đăng nhận xét