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

 

(iCOM) Theo yêu cầu của bạn Khải, blogger Namkna sẽ 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ả!

* Note: 1 số webblog sẽ không có đầy đủ dòng chữ màu xanh bên trên (không tìm thấy "read more"), thay vào đó, sẽ có đoạn code này:


<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>


Bạn có thể search từ quot;#more cho dễ tìm. Sau đó thêm <!-- --> vào 2 đầu hoặc xóa bỏ code sau đi 
       <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>

là sẽ được.

- Nguồn: Terocket,

No comments:
Write nhận xét