Thủ thuật blogspot Rút gọn bài viết tại trang chủ

on
Với các bạn blogger mới bắt đầu tập làm blog vấn đề thu gọn bài viết tại trang chủ có vẻ là vấn đề muôn thuở :D. Trên trang chủ blog bài viết hiện tất cả gây rối mắt và làm cho blog không có thẩm mỹ. Rất nhiều các mẫu blog trên mạng và mẫu blog mặc định của blogger không có code rút gọn bài viết. 
Vì vậy hôm nay mình sẽ hướng dẫn các bạn thủ thuật để blog tự thu gọn bài viết ngoài trang chủ.

RÚT GỌN BÀI VIẾT TẠI TRANG CHỦ

Bước 1: Đăng nhập vào blog, chọn Mẫu -> Chỉnh sửa HTML


Bước 2: Tìm thẻ </head>
Click chuột trái vào khung chỉnh sửa HTML sau đó nhấn tổ hợp phím Ctrl+F


Bước 3: Chèn doạn code dưới đây vào vị trí trước thẻ </head>
<script type="text/javascript">
var summaryConf = {
showImage: true,
imgFloat: 'left',
imgWidth: 120,
imgHeight: 90,
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>
Bước 4: Tìm đoạn mã <data:post.body/>
Thay thế đoạn mã  <data:post.body/> 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"'>

<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>
 
Chú ý:
 Trong mẫu của blog có nhiều đoạn mã <data:post.body/>. Bạn lần lượt thay từng đoạn bằng đoạn code trên và lưu lại sau đó kiểm tra xem Blog có hiển thị bài rút gọn không. Đến khi thay thế đúng thì dừng lại.

Comments

Post a Comment