Tạo chức năng “Read more – Đọc tiếp” cho Blogspot
Friday, 4 December 2009
Một số các weblog sử dụng tính năng
Đọc tiếp – Readmore của AnhVo (vietwebguide) một cách tự động hỗ trợ tạo thumbnail từ ngày 31.5 đã không sử dụng được do host mà vietwebguide sử dụng đã thông báo không tiếp tục cung cấp dịch vụ host free do gặp khó khăn trong kinh doanh.
Thông báo được chính thức từ chiều 31.5 như sau:
Để tiếp tục sử dụng tiện ích Readmore các bạn hãy thực hiện theo các bước theo hướng dẫn của
phattrien@so như sau:
1. Với người chưa thực hiện tiện ích tính năng Read more của AnhVo (vietwebguide):
Vào
Template - Edit HTML, Expand widget, tìm đến thẻ
<data:post.body/> và thay nó bằng đoạn code sau:
<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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
Ngoài ra bạn còn phải cho đoạn code dưới đây vào phần HEAD (<head> ... </head>) của
template:
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<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 createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
2. Với các bạn đang sử dụng tiện ích tính năng Read more của AnhVo (vietwebguide):
Thay thế đoạn mã
<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www33.websamba.com/anhvosite/blogger/js/summary-post-v20-test.js' type='text/javascript'/>
Bằng đoạn mã dưới:
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<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 createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
phattrien@so Chúc các bạn sớm khác phục lỗi trên
Tags:
Breakingnews,
Khoi tao Blog,
Post
Ý kiến bạn đọc [ 10 ]
anh oi lam on chi giup em trong blog cua em the
ko co phai lam sao day anh
Bất cứ blog nào cũng đều có data:post.body/ mà
của em cũng không có đoạn mã trên
Cho mình hỏi làm các nào để tạo khung chứa đoạn code như của bạn (Thanh trượt nằm ngang nên đoạn code không bị tràn ra ngoài, màu nền thay đổi so với toàn trang)? Thanks bạn.
Bạn hãy sử dụng tính năng seaarch cung cấp trong blog này tìm kiếm, có bài hướng dẫn cụ thể đó bạn à.
Vấn đề là mình không biết tìm kiếm với từ khóa nào :(. Mình có đọc bài về hướng dẫn tạo khung chứa code của bạn. Nhưng ở bài đó thì khung tạo ra thanh trượt lại nằm dọc. Và những đoạn code dài quá chiều ngang của khung sẽ bị đẩy xuống dòng dưới, người đọc khó theo dõi. Bạn làm ơn tìm giúp và post cho mình link bài viết với.
Trong Blog của em cũng ko có mã
Em đã tìm hết rồi
anh ơi nếu giờ mình muốn gỡ bỏ read more thì làm thế nào, em cài được nhưng lúc muốn gỡ ra lại kô biết làm thế nào ? em đã thử nhưng không được
Ạc, DH làm ngược lại với hướng dẫn là được mà, hãy cẩn thận tỷ mỷ là ok thôi.
thank nhe...click vao "mo rong mau tien ich la ok do ma!
http://trungaphu.blogspot.com
Ý kiến của bạn