Blogspot thêm tính năng tạo "Read more" link

Hôm trước mình đã thông báo với các bạn về việc Google bổ sung Cửa sổ soạn thảo bài viết mới cho blogspot. Ngày hôm nay khi soạn thảo một bài viết mới bạn sẽ thấy một biểu tượng lạ trên thanh công cụ.

Vậy nó là cái gì?

Đây là tính năng người sử dụng Blogspot đã mong muốn từ lâu nhưng có vẻ nó được đưa vào hơi muộn. Tuy nhiên mình nghĩ rằng nó vẫn sẽ có ích cho nhiều bạn. Đó chính là tạo link "Xem chi tiết" (Read more) cho bài viết. Tính năng này được gọi là Insert jump break.

Khi tạo bài viết mới nếu muốn tạo Read more link tại đâu bạn chỉ cần đặt trỏ chuột vào dòng đó và nhấn chọn Insert jump break. Một dòng kẻ đậm tượng trưng sẽ hiện ra.

Sau khi bạn đăng bài thì kết quả sẽ được như sau:

Nếu muốn thay đổi Read more thành một cụm từ khác, các bạn vào phần Layout, chọn Edit bên dưới mục Bài đăng trên blog, gõ đoạn text mới vào phần Post page link text.

Với những bạn đang sử dụng Classic Templates thì cần một chút thay đổi trong HTML code để có thể xuất hiện Read more link.
Vào Edit HTML, Expand Widget Templates tìm tới đoạn code:

<data:post.body/>

Thêm đoạn mã dưới đây vào ngay sau nó:

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

Sau đó bạn lưu kết quả.