Home » Thủ thuật blog
Tiện ích Automatic Post Summary cho blog (sử dụng javascript)
Thứ Sáu, 12 tháng 6, 2009

Hình ảnh minh họa:
trước khi thêm tiện ích vào blog

sau khi thêm tiện ích vào blog

- Như đã nói ở trên, đây là thủ thuật mình tìm được trên mạng, và sau khi test mình tìm thấy 1 lỗi nhỏ từ thủ thuật này. Đó là khi ta nhấp vào xem bài viết thì không thể xem được toàn bộ bài viết, mà vẫn chỉ là dạng summary post giống như ngoài trang chủ.
Hình minh họa:

Đây là 1 sơ xuất nhỏ, nên mình có chỉnh sửa lại (xem hình minh họa bên dưới)

- Lưu ý: nếu blog của bạn đã có thêm tiện ích "Readmore" thì hãy gỡ bỏ nó đi trước khi thực hiện thủ thuật này cho blog của bạn.
☼ Sau đây là các bước thực hiện:
1. Đăng nhập blog
2. Vào bố cục
3. Vào chỉnh sửa code HTML
4. Chọn mở rộng mẫu tiện ích
5. Chèn đoạn code javascript bên dưới vào sau thẻ đóng </head>
<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 230;
summary_img = 200;
img_thumb_height = 80;
img_thumb_width = 80;
</script>
<script src='http://data.fandung.com/js/autoreadmorethumb.js' type='text/javascript'/>
- Bạn có thể thay đổi các thông số thiết lập nếu bạn muốn.
6. Xuống dưới tìm đoạn code sau:
<data:post.body/>
7. Và thay thế nó bằng đoạn code bên dưới:
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<p><data:post.body/></p>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
</b:if>
8. Save template.
Tác giả của thủ thuật Anhvo (Vietwebguide.com)
Chúc các bạn thành công.
- 12 cách giảm thời gian load trang cho bloger
- Blogger Templates Vector Responsive
- Tạo iFrame YouTube Màu bạc
- Thêm tác giả, quyền Admin cho blogspot
- Hiển thị nhãn (label) phong cách màu tím cực nổi cho blogspot [V3]
- Thêm Google translate - dịch đa ngôn ngữ cho Blogspot
- Cài đặt theo dõi Google analytics cho blogspot
- Cách tạo khung Form đăng nhập cho blogspot
- Thêm chia sẻ Like và share bài viết cho blogspot [trên trang itviet360]
- Thêm nút theo dõi (Follow) cho blogspot
- Feedburner Google và cách lấy tùy chỉnh cho blogspot
- Tiện ích Popular Posts - Bài xem nhiều với CSS3
Comments[ 0 ]
Đăng nhận xét