Làm thế nào để thêm nút Read more (Đọc thêm) cho blogger?

Nút Read more (Đọc thêm hay đọc tiếp) một nút khá hữu ích trong blogger blogspot. Làm thế nào để tạo thêm một nút read more (đọc thêm) cho blogspot của bạn?

Làm thế nào để thêm nút Read more (Đọc thêm) cho blogger?

Các bài viết hiển thị tại trang chủ blogger của bạn khá dài và loằng ngoằng, chúng ta nên thu gọn bớt chúng lại, nếu làm thủ công bằng tay là bạn thu gọn từng bài viết tới khi bạn thay đổi giao diện mới thì sẽ rất phức tạp. Làm thế nào để thêm read more button đây? Giải pháp đưa ra cho bạn chúng ta thêm một đoạn code ngắn sau <data:post.body/> là ok rồi. Bài viết này sẽ hướng dẫn bạn nào chưa biết cách thêm auto readmore cho blogger blogspot nhé.

Làm thế nào để thêm nút Read more (Đọc thêm) cho blogger?

Đầu tiên bạn cần Đăng nhập Blogger >> Mẫu (Template) >> Chỉnh sửa HTML (Edit HTML) >> Ấn Ctrl + F tìm tới <data:post.body/> chèn đoạn code ngay phía sau (below) nó

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore'>
<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

Cuối cùng nhấn Save để lưu lại, để thêm nền, màu sắc cho nút đọc thêm bạn chỉnh sửa .readmore {...} đoạn CSS này nhớ phải đặt phía trên ]]></b:skin> nhé

Chúc bạn thành công!