Tạo tiện ích "Bài viết cùng chủ đề" trong blogspot

Wednesday, July 01, 2009
Tạo tiện ích "Bài viết cùng chủ đề" giúp cho người đọc có thể dễ dàng tìm tới những bài viết khác có cùng đề tài trong blog của bạn. Nó cũng làm cho blog trông chuyên nghiệp hơn. Bạn sẽ nhanh chóng tạo được widget này với hướng dẫn sau đây.


Để tránh trường hợp code không có hiệu lực khi copy từ trang web vào template mình sẽ tập hợp những đoạn code sử dụng trong bài này vào file Related post. Các đoạn code được đánh số theo thứ tự Code 01, Code 02, Code 03. Các bạn chú ý copy cho đầy đủ để tránh gây lỗi.

Tìm tới </head> và paste đoạn code 01 vào bên trên nó.

Tùy theo độ rộng qui định trong phần hiển thị bài viết mà bạn chỉnh độ rộng của Related post cho phù hợp. Bên cạnh đó bạn có thể thay đổi font chữ, cỡ chữ, bullet (thay image http://i306.photobucket.com/albums/nn272/talkvietnam/bullet.gif bằng bất cứ cái nào bạn muốn).

Bạn có thể thay đổi phần dấu chấm bên dưới link bài viết liên quan bằng gạch dưới hay để trống bằng cách thay đổi
border-bottom:1px dotted #cccccc;
Tiếp theo bạn tìm tới đoạn code sau trong template:
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.islast != "true"'>,</b:if>
</b:loop>
Thay thế nó bằng đoạn code 02

Số 10 là số bài viết liên quan được hiển thị. Bạn có thể thay đổi nếu muốn.
Số 30 là số bài viết tối đa hiển thị khi bạn chọn xem bài viết theo chủ đề.

Tiếp theo bạn kéo con chạy xuống dưới cho đến khi nhìn thấy text </div> hay </span>. Paste đoạn code 03 ngay sau đó.

Nó có dạng như sau:
<b:if cond='data:post.labels'>
<data:postlabelslabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url+ "?max-results=30"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/> </b:if> </b:loop>
</b:if>
</span>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<h2><strong>Bài viết cùng chủ đề:</strong></h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div></b:if>
Đoạn code 03 được paste ngay sau </span>

Vậy là xong. Bây giờ blog của bạn đã có widget "Bài viết cùng chủ đề"
(Nguồn Techieblogger)
Bạn có thể cập nhật bài viết mới từ Blogger+ một cách nhanh nhất bằng cách:

Đăng ký nhận tin RSS;

Đăng ký nhận bài viết mới qua Email.


Copyright 2008 - 2018 - BloggerPlus.net. All rights reserved.
Ghi rõ nguồn khi phát hành lại thông tin từ trang này.
Designed by Pavel. Powered by Blogger
Based on CSS by Ourblogtemplates