Loading post navigation ...
 
 

Pro page

13
Nhận xét

Tiện ích Recent Comments cho cho 1 bài viết cụ thể

| by Phan Dũng | views

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

[FD BlOg] - Chúng ta đã từng làm quen với tiện ích Recent Posts with icon của Anhvo (vietwebguide.com), hôm nay mình sẽ giới thiệu lại cho các bạn thủ thuật này, nhưng không phải áp dụng để hiển thị các comments mới của blog mà là các comments mới nhất của 1 bài viết cụ thể nào đó.


Thủ thuật này thích hợp cho việc theo dõi comment của 1 bài viết đặc biệt nào đó trong blog, ví dụ như blog của mình, khu vực "Yêu Cầu thủ thuật" thường xuyên có comment mới, vì thế để dễ dàng theo dõi, mình có thể tạo 1 widget recent comments riêng cho bài viết này.

Đây là hình minh họa mình đã thực hiện cho vài viết "Yêu cầu thủ thuật" :
Như đã nói ở trên, thủ thuật này mình sẽ dùng lại tiện ích "Recent comments with icon" của Anhvo , tuy nhiên mình có vài chỉnh sửa nhỏ.

☼ Để thực hiện thủ thuật này, trước hết bạn phải biết ID của 1 bài viết, để làm điều này, bạn thực hiện các bước như bên dưới :

1. Vào chỉnh sửa bài đăng
2. Nhấp chọn chỉnh sửa bài viết (bài viết mà bạn muốn hiển thị comment)

3. Và bạn có thể thấy ngay ID của bài viết ở ngay trên thanh Address

Trước khi đi vào thủ thuật mình cũng giới thiệu sơ cho các bạn về link RSS comment từng bài viết. Như ta đã biết, link RSS của comment cả blog sẽ có dạng như bên dưới :



http://fandung.blogspot.com/feeds/comments/default

và link RSS comment của 1 bài viết cụ thể sẽ là:

http://fandung.blogspot.com/feeds/1262266524725959138/comments/default

- Code màu đỏ chính là ID của viết (postID)
và đây là ảnh minh họa 1 trang RSS comment của 1 bài viết:

☼ Và cuối cùng là code của thủ thuật :
- Bạn chỉ việc tạo 1 widget HTML/javascript và dán code bên dưới vào là xong :

<script type="text/javascript">
var cm_mode = "icon";
var cm_num = 5; // số comment sẽ hiển thị
var cm_desc = 50; // số kí tự hiển thị của nội comment
var postID = "1262266524725959138"; // posID của bài viết
var homepage = "http://fandung.blogspot.com"; // địa chỉ URL blog của bạn

var cm_icon = new Array();
cm_icon['blogger'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/blogger.gif";
cm_icon['openid'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/openid.gif";
cm_icon['livej'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/lj.gif";
cm_icon['wp'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/wp.gif";
cm_icon['typekey'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/typkey.gif";
cm_icon['aim'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/aim.gif";
cm_icon['anon'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/anon.gif";
</script>
<script src="http://data.fandung.com/js/recentcomment-4post.js" type="text/javascript"></script>

- Thay đổi các code màu xanh lại cho thích hợp.

☼ Nếu muốn hiển thị các comment mới nhất cho cả blog thì chỉ cần thay code màu đỏ (link file recentcomment-4post.js) thành link bên dưới :

http://data.fandung.com/js/recentcomment-4allpost.js


Mở rộng từ tiện ích "Recent comments with icon" của Anhvo
Chúc các bạn thành công.


Enter your mail address:

13

Khánh Trắng

Chào bạn Dũng,
Sao mình làm đúng như hướng dẫn mà nó không có hiển thị gì cả?
Nó có chạy tốt trên IE không bạn?

:) ! Mê Vui

Em làm theo hướng dẫn của anh mà ko đc , nhờ anh vnpressnet cũng ko sửa được :(

Xin hướng dẫn cách chuyển cột main vào giữa với temp này

http://rapidshare.com/files/269321063/template-1927528762725897508.xml.html

Xin lỗi vì đã spam :)

Khánh Trắng

Bạn Dũng hướng dẫn luôn tạo Widget Comment mới nhất cho tất cả các bài luôn nhé!
Thanks bạn

fandung

@Mê Vui : hiện mình chưa có thời gian để xem giúp bạn, rảnh mình sẽ giúp sau

@Khánh Trắng : anh sẽ up lên ngay trong bài viết này.

hi hi hi

Please help translate original Title & Description to English. Japanese to English. Thanks a million times
Original title:
紅音ほたるちゃんの部屋を盗撮しちゃえー♪
Original description:
紅音ほたるちゃんの部屋を盗撮しちゃえー♪ 動画1 出会いカフェで援交をする●学生をホテルに連れ込んでハメ撮り!
If you can plz leave comment in format:

Title: ....your translated title....

Description: ....your translated description....

Khánh Trắng

Có ai giúp hihihi với kìa!
Không biết có phải cần giúp thật không, nhìn giống Spam quá! heheh

fandung

bên mình ko có font tiếng nhật nên ko thấy gì, toàn ô vuông với ô vuông.

Mà có thấy đc cũng ko biết giúp sao, có biết tiếng nhật đâu! hehehe...

@hi hi hi : I don't understand Japanese, u can use Google Translate to translate it.

duy782006

Có cách nào khác để lấy danh sách comment cho 1 bài viết nửa không bạn. Mình dùng số ID là nó không được.Hình như do cái giao diện hay sao ấy.
Bạn coi có cách nào giúp mình không.

duy782006

Mình đã làm với mục yêu cầu viết lisp thì lên được tiêu đề còn cái comment thì không lên mặc dù trong phần cảm nhận gần đây thì đã thất lên rồi.

Phan Dũng

@duy782006 : theo mình biết thì chỉ có cách dùng link feed để truy xuất thôi, ngoài ra mình ko biết cách nào khác cả. Với lại cái này không tùy thuộc vào giao diện bạn à, có chăng chỉ phụ thuộc vào chế độ bạn cho hiển thị comment ở trang feed mà thôi (summary hoặc default)

Còn việc bạn chỉ thấy được tiêu đề có thể bạn đã chỉnh chế độ hiển thị comment ở dạng summary, thay đổi nó lại thành full (đầy đủ) là được

duy782006

À được rồi bạn. Nó cập nhật hơi lâu phải cả buổi nó mới cập nhật lên được.

Tùng B

Em đã làm như trong hướng dẫn nhưng không hiện lên khung comment:(

BS. Phạm Thị Vân Thanh - BVCR

Mình thực hiện đúng như bạn chỉ dẫn nhưng nó chỉ lên Title là Recent Comments thôi
http://trikhantieng.blogspot.com/
Bạn xem thử giúp mình



☺ 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