Tôi xin giới thiệu với các bạn cách tạo Read more tự động có hỗ trợ thumbnail ảnh sưu tầm được trên http://www.vietwebguide.com không phải sử dụng các thẻ span (class=fullpost) để ngăn phần miêu tả và phần post đầy đủ.
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'><a expr:href='data:post.url'>-->đọc tiếp...</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'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www.sigmirror.com/files/23841_49n3l/summary-post-v20-test.js' type='text/javascript'/>
Các bạn hãy chú ý các thông số màu đỏ mà tôi đã đánh dấu:
summary_noimg là số ký tự phần miêu tả cho các bài không có hình đại diện.
summary_img là số ký tự phần miêu tả cho các bài có hình đại diện.
img_thumb_height chiều cao của hình đại diện (pixel).
img_thumb_width chiều rộng của hình đại diện (pixel).
Bạn có thể tùy chọn được 2 dạng hiển thị:
1. Hiển thị Thumbnail bên trái và Summary bên phải.
2. Nếu bạn muốn Hiển thị Thumbnail ở trên (căn lề giữa) và Summary bên dưới, cái này rất đẹp cho các trang Soft và sưu tập hình ảnh đẹp.
Thì Thêm dòng màu đỏ dưới đây lên trên các dòng code trên, có dạng:
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
...http://www.sigmirror.com/files/23841_49n3l/summary-post-v20-test.js
thành
http://www.sigmirror.com/files/23842_hrcy7/summary-post-v30.js
Dòng var thumbnail_mode = "no-float" ;
là chế độ hiển thị của Readmore. Mặc định là no-float: có nghĩa là hiển thị Thumbnail ở trên và Summary ở dưới. Khi bạn dùng chế độ này thì các biến img_thumb_height và img_thumb_width sẽ là chiều cao lớn nhất và chiệu rộng lớn nhất của Thumbnail, chứ không phải là "bằng" nữa. Nếu bạn muốn hiển thị Thumbnail bên phải và Summary bên trái thì sửa no-float thành float.
Vừa qua do host samba bị lỗi, phattrien@so đã thay host lưu trữ file js, giờ các bạn có thể áp dụng theo hướng dẫn trên hoặc bạn có thể thao khảo bản mới tại: Phiên bản mới tạo chức năng “Read more – Đọc tiếp” cho Blogspot
Nguồn: http://www.vietwebguide.com
Thanks
ReplyDeletetạo cai phần đọc tiếp sao nó ra chình ình nguyên bài ah, nó vẫn hệnn chữ đọc tiếp,zậy là thế nào vậy pro
ReplyDeleteReadmore - đọc tiếp.
ReplyDeleteLàm hoài mà nó không chạy được không hiểu hết..
Thật tình mình đi tìm hoài chủ đề về kỷ thuật nầy hôm nay mới gặp.
Xin chân thành cám ơn bạn rất nhiều.
Bạn có thể giúp mình được không?
muctimstories@gmail.com
Bạn có thể dùng "view source" để coppy trang của mình và chỉnh sử giúp mình với nhé.
Tất cả cùng vui.
Mình không biết địa chỉ email của bạn để mình có thể gửi bạn điạ chỉ và password của mình hòng bạn giúp một tay.
Cả đêm nay không ngủ được vì "read more" nó hành quá..
Hì hì... có gì bạn gửi cho mình hồi âm trong email của mình với nhé.
Xin chân thành cám ơn trước mến chúc bạn một ngày mới đầy bình an nhé.
Độc giả của bạn.
Mình đã gửi mail cho bạn rồi, có gì hồi âm lại nhé. Chúc thành công.
ReplyDeletecai nay lam xong ko thay tudogn ji het
ReplyDeleteChắc do Tung đã sử dụng phương thức làm "read more" theo phương thức truyền thống. Ban gỡ bỏ hết phần đã thiết lập trước đi đã nhé, mình cũng bị dính và mất một thời gian hý hoáy để gỡ đi cái "Fullposst" đó
ReplyDeletelàm được rồi hay lắm cảm ơn nhiều nhé
ReplyDeleteLàm sao để làm đc Read mẻo như này đây
ReplyDeletehttp://meemuds.blogspot.com/
ảnh vẫn giữ nguyên và chữ đậm dứoi ảnh vẫn phân biệt riêng, làm theo cách trên không đc như vậy
giúp mình voiứ nha
thanks
PTSlam dum J cai nay duoc khong ? J lam mai ma khong duoc do . PTS oi ! J bi tai nan gio J cam thay chan qua ban oi ! :(
ReplyDeleteHãy thực hiện từng bước, cẩn thận chính xác Chú ý đến vị trí của thẻ data:post.body/ vì trong một số template có sự khác nhau. Mẫu của Jeff cũng giống của vnpressnet.com nên phattrien@so hiểu vì phattrien@so cũng bị mất mấy lần mới làm được.
ReplyDeletehãy cẩn thận, làm chi tiết từng bước một cho chính xác.
PTS oi ! Cai doan 2 la che`n vao giua 2 the head dung khong ? Gio thi J lam duoc roi nhung doan 2 thi J chen vao giua 2 the head nhung no lai khong hien ra cai doan dau ma no chi hien tieu de . J thu chen tren the head thi lai khong duoc . Ca ngay nay song chet voi no ma chi duoc co bay nhieu ah! :(
ReplyDeletegửi lại cái pass và username đi để phattrien@so làm cho.
ReplyDeletechào bạn , mình tim kg có thẻ do phải làm sao hả bạn.
ReplyDeletegiup minh với.( hungbr2381@yahoo.com)
cho em xin cai file js di no1 die roi
ReplyDeletepo tay, minh` lam` giong nhu chi dan~ nhung van ko dc, du` co' chu~ read more nhung bai` viet van~ hien tat ca? roi` thi` read more nua~ lam ji => hic giup minh` voi nha duongquynh77@gmail.com
ReplyDeletechao cac ban , minh lam ko dc ,xin dc jup do
ReplyDeletehttp://zozotn.blogspot.com/
tu nhien co chu doc tiep ma ko ngan cach ra dc?
Day la email cua minh >>>>> nguyenphuoctn@gmail.com.Minh chi moi biet lam blog ,xin duoc jup do<<<<<
THks nhìu. Code làm việc wa' hiệu quả...Nhưng ko hiu~ sao blog mình chạy đc phiên bản code cũ chứ ko chạy đc code mới :D Dù sao cũng thks !!!
ReplyDeleteto lam hoai nhung khong duoc
ReplyDeleteReplay 2 NGUYỄN QUỐC NGỌC September 8, 2009 12:22 PM
ReplyDeleteBạn ơi, bạn hãy đọc thật kỹ và làm từng bước cẩn thận nhé, cái này vẫn chạy tốt. Có thể bạn bị nhầm chỗ nào đó.
-->> tìm đến thẻ và thay nó bằng đoạn code sau: --<<
ReplyDeletethay nó là file phần nào vậy bạn , tòan bộ thẻ đó hay một phần thôi , bạn huớng dẫn dùm mình nha ..mình gà lắm . chúc vui
thay toàn bộ cái đó, về sau cái nào như vaỵa bạn cứ thay vào rồi click preview, nếu báo lỗi thì ctr+z là như cũ thôi mà.
ReplyDelete