Tạo nút Read more cho bài đăng trên blogspot

Trước đây blog của mình cũng không có tiện ích read more, thấy thiếu thiếu nên nghiên cứu, sau khi tìm hiểu nhiều nguồn, có rất nhiều bài viết về vấn đề này, nhưng mình áp dụng không như ý muốn được - hiển thị không đúng vị trí, code thì rất dài. Sau một thời gian thì mình chỉ thêm một đoạn ngắn code và đã đạt được mục đích. Sau đây, mình sẽ chia sẽ với các bạn cách làm của mình, có thể ở template của bạn thì lại khác, hi vọng sẽ giúp ích được cho mọi người.

• Ban đầu các bài đăng trên blog của mình không có Read more như sau:

• Sau khi thêm chức năng Read more thì như sau:

Cách làm như sau:

• Tìm đoạn code sau:

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
masSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;);
</script>


• Thêm dòng code sau ngay phía bên dưới nó:

<span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</a></span>

• Save Mẫu lại và xem thử kết quả nhé, chúc bạn thành công.