Vấn đề thu gọn bài viết khi hiển thị ở trang chủ được rất nhiều blogger mới vào nghề quan tâm. Vì các bạn sử dụng rất nhiều template khác nhau nên có những bạn áp dụng không thành công do nhiều nguyên nhân.
Sau đây là những nguyên nhân dẫn tới việc áp dụng không thành công:
- Template của các bạn đã bị chỉnh sửa nhiều lần và không đúng cách nên có nhiều đoạn mã dư thừa gây xung đột.
- Các đoạn mã được đặt không đúng vị trí, vì trong bảng HTML của template có nhiều thẻ giống nhau như: </head> và <head>; ]]></b:skin> và <b:skin>,... nên những bạn không hiểu về HTML rất hay nhầm lẫn.
- Các đoạn mã bị lỗi và thiếu trong quá trình thao tác copy, dán,... - Mạng quá yếu hoặc thao tác quá lâu khiến hệ thống không thể lưu được các đoạn mã đã dán vào template.
* * *
Hiển thị bài viết dạng thu gọn trong Blogspot
Dưới đây, tôi sẽ chia sẻ với các bạn một thủ thuật thu gọn bài viết trên trang chủ blogspot . Hi vọng các bạn sẽ áp dụng thành công!
Cách thực hiện:
1. Đăng nhập vào blog, vào "Thiết kế" - "Trang Tổng quan", - "Mẫu" - "Chỉnh sửa HTML" tìm thẻ </head>2. Chèn đoạn mã dưới đây vào trước (phía trên) </head>
<script type="text/javascript">
var summaryConf = {
showImage: true,
imgFloat: 'left',
imgWidth: 160,
imgHeight: 120,
defaultThumb:'http://1.bp.blogspot.com/-A7K0Ugz3jKc/Uf0leijlp0I/AAAAAAAACsQ/w29f6zRMSbA/s1600/no-thumb.jpg',
words: 65,
wordsNoImg: 80,
skip: 0,
showHome: true,
showLabel: true
};
</script>
<script type="text/javascript" src="http://caocongkien-blog.googlecode.com/svn/summary.rm.test.js">
</script>
var summaryConf = {
showImage: true,
imgFloat: 'left',
imgWidth: 160,
imgHeight: 120,
defaultThumb:'http://1.bp.blogspot.com/-A7K0Ugz3jKc/Uf0leijlp0I/AAAAAAAACsQ/w29f6zRMSbA/s1600/no-thumb.jpg',
words: 65,
wordsNoImg: 80,
skip: 0,
showHome: true,
showLabel: true
};
</script>
<script type="text/javascript" src="http://caocongkien-blog.googlecode.com/svn/summary.rm.test.js">
</script>
3. Bấm "Lưu mẫu"
4. Tìm: <data:post.body/>
5. Thay thế <data:post.body/> (bôi đen <data:post.body/> rồi dán đè lên) bằng đoạn mã trong khung dưới đây:
<span expr:id='data:post.id'><data:post.body/></span> <b:if cond='data:blog.pageType == "index"'><script type='text/javascript'>summary("<data:post.id/>")</script> <b:else/><b:if cond='data:blog.pageType == "archive"'><script type='text/javascript'>summary("<data:post.id/>")</script></b:if> </b:if>
Mẹo: Sau khi tìm được các đoạn <data:post.body/> nên đánh dấu vào đó và lần lượt thay thế tất cả.
6. Bấm "Lưu mẫu" và trở về trang chủ xem kết quả.
Không có nhận xét nào:
Đăng nhận xét