Chủ Nhật, 12 tháng 10, 2008

Tạo "xem tiếp" một cách tự động có hỗ trợ thumbnail ảnh


Với phiên bản 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ách làm như sau:
Vào Layout (Bố cục) - Edit HTML (Chỉnh sửa HTML) - chọn Expand widget (Mở rộng mẫu tiện ích) , 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'>...xem 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://www33.websamba.com/anhvosite/blogger/js/summary-post-v20-test.js' type='text/javascript'/>


(Theo VietWebGuide.com)

Không có nhận xét nào:

Đăng nhận xét

Bài đăng phổ biến