META name="y_key" content="24902eb207816366"> tuduytuonglai: Cách tạo "Các bài liên quan"

24 tháng 7, 2010

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

[FD's 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ị.

0 nhận xét:

Đăng nhận xét


♦ Mời bạn gửi Nhận xét của mình. Nếu không có tài khoản Blogger-Google, LiveJournal, WordPress, TypePad, AIM, OpenID, bạn vẫn có thể nhận xét bằng cách chọnComment asTên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống. Bạn vui lòng gõ tiếng Việt có dấu.

♦ Bấm vào Xem trước [Preview] bên dưới khung nhận xét nếu muốn xem trước comment đã viết, trước khi post [đăng]. Tương tự, bấm vào Đăng ký qua email [Subscribe by email] để đăng ký theo dõi nhận xét của bài này.

♦ Các bạn tự chịu trách nhiệm với Nhận xét của mình. Nhận xét để phản hồi, đánh giá, góp ý.... suy nghĩ của bạn. Thông qua Nhận xét hãy để cho mọi người biết Bạn là ai.
Xem ký tự của emoticons khỉ Yoyo tại đây.

^ Scroll to Top