|
Cách xóa dòng Readmore xem thêm ngoài trang chủ Blogspot 2019. |
Tùy theo từng phong cách cũng như mục đích sử dụng trang Blog mà mọi người sẽ có những thiết lập giao diện hiển thị khác nhau trong Blogspot.
Ở bài viết này mình sẽ hướng dẫn các bạn cách ẩn dòng "xem thêm" (Readmore...) ngoài trang chủ Blogspot cho bạn nào cần nhé !
CÁCH 1:
Đầu tiên các bạn vào chỉnh sửa Template CSS nhé
Tiếp theo, các bạn Ctr+F tìm đến đoạn code sau:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div class='readmore-wrap'>
<a class='readmore' expr:href='data:post.url'>read more »</a>
</div>
</b:if>
</b:if>
Bạn thêm ký tự <!-- và --> vào 2 đầu của phần chữ màu xanh bên trên, khi đó các bạn được như sau:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div class='readmore-wrap'>
<!-- <a class='readmore' expr:href='data:post.url'>read more »</a> -->
</div>
</b:if>
</b:if>
Tiếp theo, tìm tiếp đoạn code sau:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
Và làm tương tự bước 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>
Lưu lại Template và quay ra kiểm tra nhé !
CÁCH 2:
Nếu cách 1 không hiệu quả. Hãy thử tìm và xóa doạn code bên dưới:
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
Lưu lại và quay ra kiểm tra. Chúc các bạn thành công !
Admin