Hướng dẫn thêm nút "Read more" vào bài viết

Chào tất cả các bạn !

Hiện nay trên rất nhiều blog chia sẽ thủ thuật thêm tiện ích Read more vào phần chân bài viết để giúp bố cục bài viết của bạn trông gọn gàng hơn và giảm thiểu dữ liệu load trên trang chính !

Nhưng đa phần những thủ thuật đó dành cho áp dụng với phiên bản blogspot trước kia, tức là khi áp dụng thì lúc viết bài phải chèn code bằng tay , rất bất tiện :) Trong khi đó , Blogger đã bổ sung chức năng này vào trình soạn thảo mới !

Hôm nay Omegakd sẽ hướng dẫn các bạn áp dụng tiện ích này với blogspot bản mới :D

Demo :
Để tạo nội dung tóm tắt cho bài viết thì khi soạn thảo các bạn chỉ cần làm như sau :


Sau đây là các bước tiến hành :
Lưu ý : Trước khi làm nên tạo bản sao lưu :D
1. Vào Thiết kế - > Chỉnh sữa HTML
2. Tick vào ô Mở rộng Mẫu Tiện ích
3.Sau đó các bạn tìm dòng code sau :
<b:if cond='data:blog.pageType != &quot;item&quot;'><div class='commentline'>
Sau đó thêm dòng code sau vào bên dưới :
<a expr:href='data:post.url + &quot;#more&quot;'><img src='http://www.apexoft.com/img/button-readmore.gif'></img></a>
Bạn có thể thay đường link màu đỏ bằng liên kết đến hình ảnh mà bạn thích :D
Xong thì Nhấn Lưu Mẫu và vào thưởng thức thành quả !
Mẹo : Để cho đẹp mắt thì bạn nên bỏ dòng code bên dưới đi , cụ thể là cho nó thành chú thích hoặc xóa hẳn :
<!--<a expr:href='data:post.addCommentUrl'>Read Comments(<data:post.numComments/>)</a> -->
Chúc các bạn thành công !

Post a Comment

Previous Post Next Post