Hướng dẫn xóa Auto readmore trong Blogger Template

Mục đích của bài viết này là để xóa bỏ tiện ích Auto readmore ra khỏi Blogger template, bởi một số lý do như:

 - Bạn muốn thay bằng Auto readmore kiểu khác như Auto readmore không JS với thumbnail tùy chỉnh kích thước 2016
 - Không muốn sử dụng Auto readmore nữa vì nó không phù hợp với Blog của bạn - .... 

Các bước thực hiện:

Trước khi thực hiện, bạn nên sao lưu (back up) template để đề phòng sự cố không mong muốn xảy ra trong quá trình chỉnh sửa, xem Sao lưu và phục hồi Blogger template 

1. Đăng nhập vào Blogger.com

Chọn Blog cần chỉnh sửa > Template > Edit HTML 

2. Thay thế HTML

Tìm đoạn code có dạng: 

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.firstImageUrl'>
<div class='postThumb'>
<img expr:src='data:post.firstImageUrl' expr:title='data:post.title' expr:alt='data:post.title'/>
</div>
</b:if>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'> createSummary(&quot;summary<data:post.id/>&quot;);</script>
<div><a expr:href='data:post.url'>Read more &#187;</a></div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

Thay thế bằng code: 

<data:post.body/>

- Mẹo: để tìm nhanh được đoạn code bên trên, sử dụng Ctrl+F và tìm với keyword:  <data:post.body/>.
  

3. Xóa Javascript của Auto readmore

Nếu Auto readmore sử dụng Javascript thì cũng cần phải xóa nó đi. Bạn thử tìm kiếm (Ctrl+F) từ khóa như summary để tìm đoạn Javascript kiểu như: 

<script type='text/javascript'>//<![CDATA[
function removeHtmlTag(strx, chop) {
if (strx.indexOf("<") != -1) {
var s = strx.split("<");
for (var i = 0; i < s.length; i++) {
if (s[i].indexOf(">") != -1) {
s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length - 1) ? chop : strx.length - 2;
while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) != -1) chop++;
strx = strx.substring(0, chop - 1);
return strx + '...';
}
function createSummary(pID) {
var div = document.getElementById(pID);
var summ = 150;
var summary = '<div><p>' + removeHtmlTag(div.innerHTML, summ) + '</div></p>';
div.innerHTML = summary;
}
//]]></script>

Nếu không tìm thấy thì nhiều khả năng Auto readmore của bạn không sử dụng Javascript 

5. Xóa CSS

Để triệt để xóa Auto readmore thì bạn cũng cần phải xóa các class CSS liên quan, thông thường các class sẽ có tên như .readmore, .summary,... 

6. Lưu Template và kiểm tra kết quả