Tính năng này được gọi là Jump Breaks và bạn có thể sử dụng ngay nếu blog của bạn được tạo sau thời điểm tháng 09/2009. Khi đó nếu sử dụng trình soạn thảo mới, bạn chỉ cần nhấn chọn biểu tượng như hình:
Hoặc bạn bổ sung đoạn code như hình (nếu sử dụng trình soạn bài đăng cũ):
Nói thêm, nếu đã từng sử dụng WordPress, chắc chắc bạn không lạ gì đoạn code trên. Hãy nhớ gõ chính xác ngay cả khoảng trắng nữa nhé!
Hoặc bạn bổ sung đoạn code như hình (nếu sử dụng trình soạn bài đăng cũ):
Nói thêm, nếu đã từng sử dụng WordPress, chắc chắc bạn không lạ gì đoạn code trên. Hãy nhớ gõ chính xác ngay cả khoảng trắng nữa nhé!
<!-- more -->Trong trường hợp blog của bạn đã được tạo khá lâu, hãy bổ sung đoạn code sau đây vào ngay sau <data:post.body/> (Đăng nhập Blogger, chọn Layout, Chỉnh sửa HTML, đánh dấu Mở rộng tiện ích mẫu để tìm)
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >Bạn sẽ thấy kết quả như hình dưới đây:
Trong trường hợp cần tùy biến chữ "Read more", hãy nhấn sửa đổi thành phần Bài đăng blog trên layout.
Cách khác cách này của mình nhưng hữu hiệu lắm đó nha :
Bạn tìm trong HTML mở rộng đoạn code giữa 2 code này
<div class='post-body entry-content'> ........ <div style='clear: both;'/> <!-- clear for photos floats -->
sau đó bạn xóa toàn bộ code ở giữa 2 code đó và thêm vào giữa khoảng đó đoạn code này . OK
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
Save thế là xong .
Chúc bạn thành công
0 Comments