Cách thu gọn bài viết trong blogger
1. Vào trang quản trị blog,
"Mẫu" (Theme)/ "Chỉnh sửa HTML" ( Edit HTML)
Tìm thẻ ]]></b:skin>
2. Chèn đoạn mã dưới đây vào trước (phía trên) ]]></b:skin>
Tìm thẻ ]]></b:skin>
2. Chèn đoạn mã dưới đây vào trước (phía trên) ]]></b:skin>
.readmore {
float:right;
margin:5px 20px 5px 0px;
padding:3px;}
.readmore a{
color:#fff;
padding:3px 5px 3px 5px;
background:#fc8b33;
}
.readmore a:hover{
color:#fff;
background:#000ff;}
3. 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: 120,
imgHeight: 110,
defaultThumb:'http://1.bp.blogspot.com/-A7K0Ugz3jKc/Uf0leijlp0I/AAAAAAAACsQ/w29f6zRMSbA/s1600/no-thumb.jpg',
words: 60,
wordsNoImg: 80,
skip: 0,
showHome: true,
showLabel: true
};
</script>
<script type="text/javascript">
//<![CDATA[
function summary(h) {
summary.count = summary.count || 0;
summary.count++;
var g = location.href.indexOf("/search/label/") == -1 && location.href.indexOf("/search?") == -1,
c = location.href.indexOf("/search/label/") != -1;
if (summary.count <= summaryConf.skip) {
return
}
if (g && !summaryConf.showHome) {
return
}
if (c && !summaryConf.showLabel) {
return
}
var e = document.getElementById(h),
f = e.getElementsByTagName("img"),
a = "";
if (summaryConf.showImage) {
if (summaryConf.defaultThumb != "none") {
a = '<img width="' + summaryConf.imgWidth + '" height="' + summaryConf.imgHeight + '"';
if (summaryConf.imgFloat != "no") {
var b = ' style="float:' + summaryConf.imgFloat + ';margin:0 5px 5px 0;padding:0"';
a += b
}
a += ' src="' + (f.length > 0 ? f[0].src : summaryConf.defaultThumb) + '" />'
} else {
if (f.length > 0) {
a = '<img width="' + summaryConf.imgWidth + '" height="' + summaryConf.imgHeight + '"';
if (summaryConf.imgFloat != "no") {
var b = ' style="float:' + summaryConf.imgFloat + ';margin:0 5px 5px 0;padding:0"';
a += b
}
a += ' src="' + f[0].src + '" />'
}
}
}
if (a != "") var d = summary.strip(e.innerHTML, summaryConf.words)
else var d = summary.strip(e.innerHTML, summaryConf.wordsNoImg);
e.innerHTML = a + d + "..."
}
summary.strip = function(a, b) {
return a.replace(/<.*?>/ig, "").split(/\s+/).slice(0, b - 1).join(" ")
};
//]]>
</script>
Đoạn mã trên phần imgWidth và imgHeight ( chiều cao và rộng
của ảnh thumnail bài viết sau khi thu gọn bài viết) có thể thay đổi cho phù hợp.
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ã dưới đây:
<span expr:id='data:post.id'><data:post.body/></span>
<b:if cond='data:blog.pageType == "index"'>
<div class='readmore'><a expr:href='data:post.url'>Xem chi tiết »</a></div>
<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>
Trong template của các bạn có thể có nhiều đoạn <data:post.body/>. Phải thay thế tất cả các đoạn <data:post.body/> tìm được!
No comments