Cách tạo "các bài liên quan" chuyên nghiệp (bản sửa file js)

Cách tạo "các bài liên quan" chuyên nghiệp (dùng cho Layout)

Tiến hành cài đặt:

* Lưu ý quan trọng: bạn phải chỉnh ngôn ngữ cho blog của mình thành tiếng Anh trước khi thực hiện các bước bên dưới.
Trước khi đặt code vào, bạn phải điều chỉnh một số chỗ sau:
- Vào Page Elements -> Blog ->, tiến hành:
+ Bật chế độ hiện Nhãn,
+ Bật chế độ Posted by, at và chọn dạng thời gian như hình đã chỉ (dạng 6/20/2008 05:30:21 PM).

- Vào Setting -> Formatting ->, chọn dạng như trên.

Bây giờ đến phần chèn code:
- Nhớ sao lưu 1 bản trước khi chỉnh sửa.
- Vào Edit HTML -> Expand Widget Manager,
Tìm đến dòng

<div class='post-footer-line post-footer-line-3'>
hoặc:
<p class='post-footer-line post-footer-line-3'/>
và chèn code sau ngay bên dưới nó (hoặc có thể dưới 1 thẻ /DIV đóng cũng được).

Mã:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.labels'>
<div id='bailienquan'>Loading related posts...</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ụ của tôi :

Trích dẫn:

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.labels'>
<div id='bailienquan'>Loading related posts...</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>

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

Trích dẫn:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
blogID = '1193242412365517650';
maxPosts = 12;
feed2js = &quot;http://feed2js.org//feed2js.php&quot;;
</script>
<script src='http://mrga.comyr.com/blogger/related_posts_01.js'
type='text/javascript'/>
<div id='cacbailq1' style='display:none; visibility:hidden; height:0px'>
<script type='text/javascript'>creattaga(&quot;min&quot;);</script>
</div>
<div id='cacbailq2' style='display:none; visibility:hidden; height:0px'>
<script type='text/javascript'>creattaga(&quot;max&quot;);</script>
</div>
<div class='cacbailienquan' id='cacbailienquan' style="display:none;">
<script src='http://mrga.comyr.com/blogger/related_posts_02.js'
type='text/javascript'/>
<script type='text/javascript'>
displayCBLQ(&quot;cacbailq1&quot;,&quot;Các bài mới nhất cùng chủ đề:&quot;);
displayCBLQ(&quot;cacbailq2&quot;,&quot;Các bài cũ hơn cùng chủ đề:&quot;);
</script>
</div>
</b:if>

Những chỗ cần thay:

blogID = '1193242412365517650'
maxPosts = 12;

Sửa blogID thành mã ID của blog bạn
chính là link địa chỉ blog của bạn (địa chỉ hiện tại đang dùng, đừng quên dấu / cuối cùng nhé, và số bài liên quan muốn hiển thị (ví dụ là 12 bài chẳng hạn).

* 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.

(Theo MrGa)

Cách tạo "các bài liên quan" chuyên nghiệp (bản sửa file js)