Thứ Tư, 27 tháng 8, 2014

thủ thuật thu gọn bài viết trên trang chủ Blogspot

 

1-coder-boy456789-1404320285732

Cách áp dụng thủ thuật:

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ẻ ]]></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" src="http://caocongkien-blog.googlecode.com/svn/summary.rm.test.js">
</script>  

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"'>
<div class='readmore'><a expr:href='data:post.url'>Xem chi tiết &#187;</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> 

Lưu ý: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:pots.body/> tìm được!
 6. Bấm "Lưu mẫu" và trở lại Trang chủ xem kết quả.
Chúc các bạn thành công!   

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

Đăng nhận xét