Hot News
Loading...

Phiên bản mới tạo chức năng “Read more – Đọc tiếp” cho Blogspot


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:

samba web

Để 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 != &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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><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 = &quot;no-float&quot; ; 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 = &quot;no-float&quot; ; 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

Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

41 nhận xét :

  1. Cảm ơn Bác nhiều ! còn tính năng thumbnail bài mỡi cũng die lun kìa ^^ !

    ReplyDelete
  2. quá tuyệt vời, cả ngày hôm nay chờ mãi cái bài viết này, à mà mình đã đặt link liên kết tới blog của bạn rùi đấy

    ReplyDelete
  3. Cám ơn các bạn, haitsh à, mình sẽ add link của cậu.

    to oo: tính năng thumbnail bài mới sẽ tính tiếp trong thời gian tới.

    ReplyDelete
  4. Haizz ... BÁc PTS qua shoutBox mình cười....Nham hiểm làm hồi hộp muốn chết x( .... Thì ra chỉ là giúp ai bị die file js thì xả thẳng vào Temp thôi à :(

    ReplyDelete
  5. he he, hu hhu. đang sướng nói câu đó buồn luôn 15 phút. mất cả cảm hứng tìm sửa lỗi recent post của Anh vo

    ReplyDelete
  6. Bên Blog mình hết comments đc rồi !! Thử qua Spam cái coi !!!

    ReplyDelete
  7. Kỳ vậy nhỉ ??? Blog mình giờ cứ comments thì nó báo là blogger đang bảo trỳ , hay đại loại như vậy :
    http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/05/31/07/59301243774209.PNG

    ReplyDelete
  8. Cái Recent post chắc cungx lại do host Websamba die nên nó bị thế !! Đổi host là xong mà ??

    ReplyDelete
  9. thảo nào
    e cũng nghi là do host
    thx anh nhá

    ReplyDelete
  10. mà cả cái video player của iem cũng là websamba
    toi rồi
    chuẩn bị di cư mà k có thời gian
    vỡ mẹt

    ReplyDelete
  11. ặc ặc host die rùi thì biết sao lại rồi up lên host khác kiủ j` đây ?! bác pts có file .js mấy cái recent post, related post hok share cho LouLou zới hichic

    ReplyDelete
  12. ps: cái tem của anh đẹp quá
    ngại thay, nếu k thay ngay

    ReplyDelete
  13. Mạnh dạn lên chelvn, cứ làm là hết ngại ngay thôi mà.

    ReplyDelete
  14. Dạ em xin báo cáo rằng em đã sửa lại rồi, cảm on anh PTS đáng yêu rất nhiều .

    ReplyDelete
  15. host die làm dân bloggerr nhốn nháo nhỉ :D 1 ngày nào đó host googlle bị die thì sao nhỉ :D :D

    ReplyDelete
  16. cám ơn về bài viết hướng dẫn đã giúp ích cho mình rất nhiều
    thanks again

    ReplyDelete
  17. Cám ơn bạn đã động viên, sẽ cố gắng hơn nữa.

    ReplyDelete
  18. đại ka đại ka, e bảo, có vấn đề là thế này, trong script trên í, có đoạn đầu : thumbnail_mode ="no-float" đúng ko ạ, sao của e vẫn bị float sang trái, sửa thế nào ạ

    ReplyDelete
  19. @ phattrien@so : Ái chà , nói câu đó làm PTS buồn tới những 15 phút cơ à , thế thì cho mềnh xinh lẫu vậy nhé :)

    ReplyDelete
  20. ...img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"

    đó, cái dòng này nè đk, ko cần định dạng height nữa thì nó đỡ bị vỡ ảnh

    ReplyDelete
  21. Cảm ơn phattrien số nhiều, Pogi muốn cái thumbnail lớn hơn nữa thì chỉnh chổ nào vậy?, bây giờ nhìn hơi nhỏ. Chúc thành công và may mắn.

    ReplyDelete
  22. Thanks, great post. Mình cũng làm đc rùi nè: www.pkduong.net

    ReplyDelete
  23. phan ma ban noi la de trong phan Head la sao ay nhi ? La paste doan link do vao cho nao cung dc, roi co chu head va < /head> o dau va cuoi thoi fai k ?

    ReplyDelete
  24. cho minh hoi la ban noi la bo no vao giua khau len head nghia la sao ? Minh k hieu

    ReplyDelete
  25. là bạn cho đoạn code đó vào giữa tag head và /head. Thông thưởng để lên trên tag (/head)

    ReplyDelete
  26. cái code trên đầu sao chỉnh độ rộng ảnh ko được vậy bạn.

    ReplyDelete
  27. @Viet-offer.com : Xem lại kỹ đi bạn, mình check thử rồi, chỉnh tốt mà.

    ReplyDelete
  28. Chỉ chỉnh được chiều dài chiều rộng ko được ^^ !

    ReplyDelete
  29. Sao ra chữ Readmore rồi nhưng nội dung bài đăng vẫn còn như cũ, không ẩn đi miếng nào. Giúp tôi với, thanks!

    ReplyDelete
  30. Được rồi. Cám ơn phattrien@so nhiều. Ghé nhà mình cho thêm vài ý kiến để hoàn thiện hơn nhé. Thanks

    ReplyDelete
  31. Mẫy bữa trước tớ vẫn sử dụng được tính năng Readmore, sau khi thay thế Template mới tư nhiên nó mất tiêu, không còn sử dụng được nữa. Bác có thể chỉ tớ cách khắc phục với. Cảm ơn

    ReplyDelete
  32. This comment has been removed by the author.

    ReplyDelete
  33. Quá đẹp :D
    Thanks

    ReplyDelete
  34. thank phattrieno năm mới chúc phattrienso sức khỏe và thành công nha

    ReplyDelete
  35. Lão đang dọn nhà nên mất một số đồ, đây là một món tìm lại được. Cảm ơn nhiều nha Anh3, với lão: Thủ thuật mô, chỉ cần cọp dán, lưu một phát mà xuất đầu lộ diện là ô kê con gà quay - vạn vạn tuế!!!!

    ReplyDelete


♦ Mời bạn gửi Nhận xét của mình. Bạn có thể nhận xét bằng cách chọnComment asTên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống. Bạn vui lòng gõ tiếng Việt có dấu.

♦ Bấm vào Đăng ký qua email [Subscribe by email] để đăng ký theo dõi nhận xét của bài này.

♦ Các bạn tự chịu trách nhiệm với Nhận xét của mình. Nhận xét của bạn cho biết Bạn là ai? Là người như thế nào?.