Chúc bạn một ngày tốt lành

Thứ Tư, ngày 03 tháng 3 năm 2010

Sửa lỗi Auto Readmore khi xem Page trong Blogger

VnTim™  ^-^ Blogger mới bổ sung tính năng viết Page, cho phép chúng ta viết các trang tĩnh và quan trọng trong blog như About, Contact Us, ... Tính năng này khá giống với WordPress, và cũng là 1 cải tiến đáng kể của Blogger. Tuy vậy chúng lại không tương thích với Auto Readmore nổi tiếng mà cộng đồng Blogger hay dùng. Mọi người dùng Blogger chắc đều biết đến tiện ích Auto Readmore nổi tiếng . Ở bài viết này, tôi sẽ sửa lỗi Auto Readmore để hợp với tính năng viết Page
Trước hết, chúng ta đăng nhập blog và vào phần Chỉnh sửa HTML


Tích vào ô  Mở rộng Mẫu Tiện ích


Chèn đoạn này vào phần trước  ]]></b:skin>

.thumb{float:left;display:inline;margin:5px 10px 10px 0;width:120px}

Chèn Đoạn mã này  trong thẻ HEAD, ngay trước </head>

<script type='text/javascript'>
 //<![CDATA[
 function stripTags(s, n) {
  return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0, n - 1).join(' ')
 }
 function createSummaryAndThumb(id) {
  var p = document.getElementById(id),
   imgtag = '',
   img = p.getElementsByTagName('img');
  if (img.length >= 1) {
   imgtag = '<img class="thumb" src="' + img[0].src + '" />';
  }
  p.innerHTML = imgtag + stripTags(p.innerHTML, 125) + '...';
 }
 //]]>
</script>



Trong template, để kích hoạt auto readmore, bạn tìm đến phần:


<data:post.body/>

Sửa nó thành:

<b:if cond='data:blog.pageType == "index"'>
 <span expr:id='"p" + data:post.id'><data:post.body/></span>
 <script type='text/javascript'>createSummary("p<data:post.id/>")</script>
 <a expr:href='data:post.url' title='Read more' rel="nofollow">Read more &rarr;</a>
<b:else/>
 <b:if cond='data:blog.pageType == "archive"'>
  <span expr:id='"p" + data:post.id'><data:post.body/></span>
  <script type='text/javascript'>createSummary("p<data:post.id/>")</script>
  <a expr:href='data:post.url' title='Read more' rel="nofollow">Read more &rarr;</a>
 <b:else/>
  <data:post.body/>
 </b:if>
</b:if>


save lại ok

Chúc các bạn thành công VnTim™

2 Comments:

Lưu Nguyên Phú said...

Mẫu của bạn không thể được phân tích cú pháp vì được tạo không đúng. Hãy đảm bảo tất cả các phần từ XML được đóng chính xác.
Thông báo lỗi XML: The entity "rarr" was referenced, but not declared.

Mình bị lỗi trên phải làm thế nào bạn. hix

phuongly said...

mong bạn kiểm tra giúp mình không sao sửa lỗi này được đang cần gấp mong bạn chỉnh sửa dùm nha.
cảm ơn bạn

Đăng nhận xét

» VnTim™ cảm ơn bạn đã đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét.
» Nếu thấy bài viết hay hãy chia sẻ với những người quanh bạn.
» Bạn có thể sử dụng một số thẻ HTML như <b>, <i>,<a>.
» Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu nếu có thể.
» Rất cảm ơn những comment thiện ý.

 

VnTim™ Trái Tim Việt Nam Copyright © 2010 VnTim™ Trái Tim Việt Nam