Blogger thêm "Read More" cho mỗi bài viết

Nếu những ai đã dùng WordPress thì chắc chắn sẽ biết tới tính năng cho phép chỉ hiển thị 1 phần bài viết của mình trên trang chủ, những ai muốn đọc thì sẽ phải bấm vào từng bài cụ thể. Tính năng đó quả thực là hữu ích, nó làm cho blog của mình trông đẹp hơn, tránh rườm rà....Và ngay từ bây giờ bạn cũng có thể mang tính năng đó vào Blogger mà không phải qua bất kỳ 1 thủ thuật nào cả. Tuy nhiên đây là tính năng thử nghiệm nên bạn phải đăng nhập vào Blogger Bản Nháp để bắt đầu sử dụng. Tại trang soạn thảo bạn phải chuyển qua tab "Viết" ( hay Compose ).


Khi bạn viết bài muốn ngắt ở chỗ nào thì chỉ việc chọn biểu tượng tờ giấy bị tách làm 2 phần là xong. Hoặc nếu bạn viết ở chế độ HTML thì chỉ việc chèm đoạn mã sau vào chỗ cần ngắt là xong

<!-- more -->

Công việc còn lại là bạn xuất bản bài viết bình thường.
Theo mặc định ở phiên bản Blogger tiếng Anh sẽ có chữ "Read more>>" ở chỗ ngắt nhưng bạn có thể thay đổi chúng bằng cách vào LayOut > Page Elements > Chọn Edit ở phần Blog Posts và thay đổi dòng chữ mặc định đó ở phần Post page link text.


Bấm Save để lưu lại.
Nếu blog của bạn đã được rút gọn lại nhưng vẫn không hiển thị chữ "Read more>>" ở cuối bài viết thì có thể làm theo cách sau đây: Vào Layout > Edit HTML > chọn Expand Widget Templates. Tìm đến đoạn mã sau:

<data:post.body/>

Thêm đoạn mã này vào ngay sau đoạn mã trên

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Su đó lưu lại.
Một điểm hay ở cách này là tính năng này sẽ không làm ảnh hưởng đến cách hiển thị các bài viết của bạn trên Feeds.
Bạn có thể xem thử nghiệm của mình ở ngay bài viết này.
Mình nghĩ các blogger chuyên nghiệp trên thế giới chắc sắp phải đóng của blog của mình vì Google đang dần cập nhật các tính năng hay đó vào dịch vụ của mình và với việc cài đặt chúng rất đơn giản. Có thể thời của các bài viết hướng dẫn thủ thuật blog sắp tàn?

* Đây là tính năng nhằm kỷ niệm Blogger tròn 10 tuổi.
Hung Nguyen

Tôi là 1 amateur blogger. Tôi lập blog này để viết mọi thứ về Google. facebook

14 Comments

  1. Tuyet voi, ranh gioi ngay cang gan lai voi WP roi

    ReplyDelete
  2. Ah, mà bác nhanh nhỉ, em đang tính chiều viết vì cả sáng nay meeting, nếu không phiền thì cho xin đăng lại và có thêm thắp theo quan điểm riêng :-) không được thì cũng không sao? Thanks bác trước nhé

    ReplyDelete
  3. Tin này hay quá. Cách làm của Blogger cũng giống như WordPress, như thế 1 số hack về readmore mới trong thời gian gần đây đều còn hiệu lực.

    ReplyDelete
  4. @Tinh:Bác cứ đăng bài thoải mái đi.

    ReplyDelete
  5. Anh ơi giúp em với được không ? Em chèn đoạn code kia vao sau cái ...body... nhưng nó vẫn không có chữ Read more đâu cả :(

    Làm theo nhìu bài mà chả được bài nào hết :(

    Anh giúp em chút đc hok ? Em rất cần chức năng đó.

    Blog em nè : http://orbatGTA.blogspot.com

    ReplyDelete
  6. Bạn cứ cẩn thận làm như hướng dẫn là được mà.

    ReplyDelete
  7. @Tinh:Bác cứ đăng bài thoải mái đi.

    ReplyDelete
  8. Thử mấy lần rùi nay mới được, cám ơn vô cùng hen!

    ReplyDelete
  9. Bác cứ chịu khó qua blog của em hàng ngày mà xem. Toàn tin hay đấy.

    ReplyDelete
  10. Anh ơi cho em hỏi cách thay đoạn text “Read more” bằng 1 hình như thế nào ?

    ReplyDelete
  11. Theo mình nghĩ thì bạn nên hạn chế dùng hình ảnh trên blog để giảm thời gian load trang.

    ReplyDelete
  12. ^^! Em muốn làm nổi bật cái “Read more” tí . Anh cứ chỉ em được không :D

    ReplyDelete
Previous Post Next Post