Loading post navigation ...
 
 

Pro page

16
Nhận xét

Thủ thuật Blog : Cách tạo "các bài liên quan"

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

[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://www.fandung.com/";
maxPosts = 10;
feed2js = "http://feed2js.org//feed2js.php";
</script>
<script src='http://data.fandung.com/js/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://data.fandung.com/js/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://www.fandung.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



Enter your mail address:

16

Lê Trần Ngự Vũ

sao mình làm hoài ko được FD ơi, giúp mình vời. thank's

fandung

Như trên có ghi chú, tiện ích không hiển thị tốt với nhãn tiếng việt có dấu. Anhvo đã cho ra bản khác rồi nhưng mình chưa update.

Bạn nên coi kĩ lại xem sao. Bên mình cũng đang xài cái tiện ích này nè.

Lê Trần Ngự Vũ

Bạn update để mình tham khảo nhé. mình rất thích phong cách làm blog của bạn, và thích cách hướng dẫn nhiều thủ thuật mới, bạn đúng là người của cộng đồng. thank's bạn nhiều nhé. Cố gắng phát huy nhièu nữa nhé.
Thân chào

PB

Sao dòng code class="post-footer-line post-footer-line-3"> em tìm hoài mà không thấy bác Dũng ơi, hix...

Khách (ẩn danh)

Sao ko thấy bác trả lời em gì hết vậy? :((

Phan Dũng

@Oliver : Sorry, tại hôm bữa nhiều comment quá nên mình trả lời sót.

- Tùy theo mỗi template nó phân bố cục khác nhau và có tên các class khác nhau, Nhưng nếu bạn xài các template cơ bản của blogger cung cấp thì đa số sẽ có dòng code này, còn nếu xài template khác ngoài các template có thể sẽ ko có dòng code này.

- Bạn thử tìm dòng code post-footer thử. Thường các dòng này nằm sau dòng code <data: post.body>.

Lê Trần Ngự Vũ

mình đã sử dụng nhãn ko dấu mà làm hoài mà vẫn ko hiện ra được. help

fandung

Nếu bạn đã làm đúng như hướng dẫn mà vẫn không được thì mình cũng ko biết sao.

Bạn thử qua bên vietwebguide.com hỏi thử xem, đây là thủ thuật của Anhvo

software

Bạn có thể dùng cách này đơn giản hơn nè
http://media-freesoft.blogspot.com/2009/11/tao-bai-viet-lien-quan-cho-blogspot.html

blonghung

ở đây có 1 cách rất hay và ngắn ngọn nhưng chưa làm được a Dũng giúp xem cái.
http://free-style-love.blogspot.com/2009/05/cach-tao-cac-bai-viet-lien-quan-trong.html

blonghung

anh Dũng có cách nào khác không làm giúp đi anh Dũng ơi. các này cổ rồi không ai làm được hết đâu anh.

blonghung

đã tìm được một bài hướng dẫn tiếng anh đầy đủ chính xác. Chỉ cần copy past 1 lần là xong.
Kinh nghiệm là bây giờ ra tìm thủ thuật bằng tiếng anh thôi. bye bye bloggerVN
ai cần thì vào blog của mình xem liên hệ với mình

Viet Dung

đúng là quá khó để tìm hiểu và làm được thành công với các hướng dẫn của các blogger vn. tui tìm trên mạng hàng vài trục cái mà chảng làm đc cái nào ra hồn. khi dùng linkwith thì quá dễ dàng nhưng lại chỉ xuất hiện trên trang chủ thế mới chán chắc phải thuê bọn chuyên nghiệp làm quá.

Nghiêng

Mình muốn chỉ hiện với trang chủ thì làm thế nào nhỉ? Tại cái template của mình trang chủ nhìn trống lắm. Nhưng chỉ làm tại trang chủ thôi. Mà hình như bạn đã chuyển sang web mới ???

THE GIOI TRONG TAM TAY

Bai viet hay nhung la on chi ro " 2. Blog bạn phải có link feed (nếu chưa có, thì vào đây để kích họat). " lam sao de co no

Unknown

cách của bạ rất hay nhưng hiện tại mình chưa làm được
blog minh nè : thiet-ke-seo-web-o-qui-nhon.blogspot.com
thiết kế website ở qui nhơn



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home