Bạn có thể đọc giới thiệu đầy đủ hơn về tính hữu ích của read more tự động ở đây.
Với bản 1.0, bạn chỉ có thể tạo readmore tự động không có hình đại diện, với bản 2.0 này, có hỗ trợ hình đại diện, nó sẽ lấy ảnh đầu tiên trong bài viết làm ảnh đại diện.
Cài đặt:
Chú ý: với các blog đang sử dụng phiên bản read more 1.0 thì hãy gỡ bỏ code đó ra nhé, nếu bạn không biết cách gỡ thì hãy đọc lại bài hướng dẫn ở đây để truy ra code của nó mà xóa cho đúng
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://qrbapa.blu.livefilestore.com/y1pgRKE9qwfLSkRPI5ryie6J5sEs3Zx9RGJm0n-0M3MsB9_zUp5O1JRae4pg0FHHRsZMS4J0HlRsWqpFNgE-HLkNA/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).
Hình dưới đây là ví dụ về hiển thị của read more tự động sau khi cài đặt:
Chúc các bạn vui vẻ, nhất là những bạn bấy lâu nay "trông chờ" phiên bản này!
( nguồn www.vietwebguide.com - có gì thắc mắc các bạn cứ qua blog của anh ấy mà hỏi nhé )
0 nhận xét:
Đăng nhận xét