Thứ Hai, 24 tháng 10, 2011

Xóa bỏ dòng chữ read more (đọc thêm bài viết)

Theo yêu cầu của bạn Khải mình xẽ upload cho các bạn cách xóa bỏ dòng chữ Read more vè đọc thêm bài viết cho Blog. nó giúp cho Blog của bạn thực sự giống một webblog hơn trong mắt mọi người. Cách này đặc biệt hiệu quả với các mẫu template free các bạn download trên mạng về, các mẫu này không thể bỏ bằng cách bình thường được:
Các bạn có thể xem hình Demo trước và sau khi chỉnh sửa
Các bước thực hiện các bạn làm như sau:
1- Vào thiết kế (Design)
2- Chỉnh sửa HTML (Edit HTML)
3- Mở rộng tiện ích mẫu 
Sau đó các bạn tìm đến đoạn Code có dạng tương tự như sau:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div class='readmore-wrap'>
<a class='readmore' expr:href='data:post.url'>read more &#187;</a>
</div>
</b:if>
</b:if>
Bạn thêm ký tự <!-- --> 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 != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div class='readmore-wrap'>
<!-- <a class='readmore' expr:href='data:post.url'>read more &#187;</a> -->
</div>
</b:if>
</b:if>
Tiếp theo các bạn tìm đến đoạn code sau
<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>
làm tương tự như với code trê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>
Lưu Template lại và xem thành quả!

Không có nhận xét nào:

Đăng nhận xét