Cách tạo "các bài liên quan"

[TMT-Blog] Để người xem dễ dàng xem các bài viết có cùng nhãn là tạo một tab chứa các bài viết liên quan đến vấn đề đang đọc. Và phổ biến nhất là cho tab này hiển thị cuối bài viết.


Hình minh họa:
Bây giờ tiến hành cài đặt:

1. Đầu tiên phải chỉnh sửa 1 số thuộc tính :
- Vào Vào phần Bố cục.
- Vào chỉnh sửa của Tiện ích "Bài đăng trên blog"
- Và chỉnh sửa thiết lập như hình bên dưới

- Vào Cài đặt ► Định dạng và chọn Định dạng dấu ngày tháng như hình bên trên (xem hình minh họa bên dưới).

2. Blog bạn phải có link feed (nếu chưa có, thì vào đây để kích họat).
3. Giờ đến phần chèn code vào
- Đăng nhập blog.
- Vào Chỉnh sửa code HTML
- Nhấp vào Mở Rộng Tiện ích

-Tìm dòng code sau:



<p class="post-footer-line post-footer-line-3"></p>

- Chèn ngay sau nó đọan code bên dưới:



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.labels'>
<div id='bailienquan'>Đang load dữ liệu...</div>
<span id='label_list_display_none' style='display:none; visibility:hidden'>
<b:loop values='data:post.labels' var='label'>
<data:label.name/>
<b:if cond='data:label.isLast
!= &quot;true&quot;'>,</b:if></b:loop></span>
<span id='post_time_stamp' style='display:none; visibility:hidden'><data:post.timestamp/>
</span>
<br/>
</b:if>
</b:if>


Xem hình ví dụ :


- Tiếp tục, chèn đoạn code bên dưới vào ngay trên thẻ đóng </body>:



<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
home_page = "http://YourBlog.blogspot.com/";
maxPosts = 10;
feed2js = "http://feed2js.org//feed2js.php";
</script>
<script src='http://fandung.110mb.com/JS-files/related_posts_01.js'
type='text/javascript'/>


<div id='cacbailq1' style='display:none; visibility:hidden; height:0px'>
<script type='text/javascript'>creattaga("min");</script>
</div>


<div id='cacbailq2' style='display:none; visibility:hidden; height:0px'>
<script type='text/javascript'>creattaga("max");</script>
</div>


<div class='cacbailienquan' id='cacbailienquan' style="display:none;">
<script src='http://fandung.110mb.com/JS-files/related_posts_02.js'
type='text/javascript'/>
<script type='text/javascript'>
displayCBLQ("cacbailq1","Các bài mới nhất cùng chủ đề:");


displayCBLQ("cacbailq2","Các bài cũ hơn cùng chủ đề:");
</script>
</div>
</b:if>

Những chỗ cần thay:
home_page = "http://YourBlog.blogspot.com/"; : http://YourBlog.blogspot.com --> URL của blog của bạn
maxPosts = 10; : số bài viết sẽ hiển thị.

Lưu ý : Code chạy rất đẹp với các nhãn tiếng Anh hoặc tiếng Việt không dấu. Với các nhãn tiếng Việt, có một số từ code không hiểu được nó, do đó không lấy được các bài liên quan. Vì thế, các bạn nên sử dụng ít nhãn tiếng Việt trong blog thôi, hoặc chỉ nên dùng nhãn tiếng Việt không dấu là tốt nhất.

Nguồn : ViệtWebGuide




Tags: ,

Ý kiến bạn đọc [ 1 ]


Phản hồi
THI - THỊNH 1/15/2011 06:02:00 CH

tôi tìm không thấy đoạn này ở Blogspot
< p class="post-footer-line post-footer-line-3" > < / p >
vậy tôi phải làm sao
Nếu được thì bạn giúp tôi cho tôi xin thông tin của bạn để tôi nhờ bạn giúp
bạn có thể gửi mail cho tôi
phucthinhcs@gmail.com
Thank'

Ý kiến của bạn

Comment của bạn sẽ bị xóa nếu:
» Bạn chèn thẻ liên kết (a tag) hoặc spam.
» Nội dung gây khó chịu cho các bạn đọc khác.
» Thắc mắc không liên quan bài viết, hãy post tại đây
» Có thể sử dụng thẻ trích dẫn <b>in đậm</b>, <i>in nghiêng</i>.
» Đọc thêm: Bạn nghĩ gì về văn hóa Comment ?