Recent Comments Widget có hiển thị avatar cho Blogger

53 0 Chủ Nhật, 11 tháng 12, 2011 Edit this post

Widget Recent Comments có khả năng hiển thị avatar của người comment một cách tự nhiên vẫn là một niềm mơ ước của không chỉ Blogger Việt m...


Widget Recent Comments có khả năng hiển thị avatar của người comment một cách tự nhiên vẫn là một niềm mơ ước của không chỉ Blogger Việt mà của cả bạn bè quốc tế. Cùng chung một mơ ước, Vnblogspot xin ra mắt bộ code tâm đắc dành cho widget này. Bạn nhập địa chỉ blog vào ô dưới đây, bấm GET CODE, xong tạo HTML/Javascript widget tại vị trí bạn thích rồi dán code mà bạn get được vào.
Recent Comment Demo
Tính năng nổi bật
  • Tự lấy ảnh đại diện của người comment
  • Các comment không ảnh sẽ thay bằng ảnh mặc định
  • Cho phép hoàn toàn tùy chỉnh các thiết lập về ảnh mặc định và ngôn ngữ
  • Hiển thị tiêu đề bài viết mà bạn đọc đã comment
  • CSS tương thích với nhiều trường hợp.

Hướng dẫn
  • Để đổi thumbnail mặc định cho các comment không có ảnh thì bạn tìm và thay giá trị cho biến số No_Avatar_Url.
  • Để đổi số comment hiển thị, bạn tìm trong code biến số Max_Comment_Display và đổi giá trị của nó.
  • Để chỉnh độ dài nội dung tóm tắt thì bạn đổi giá trị của biến số Sum_Len.
  • Để đổi từ ngữ cho phù hợp với ngôn ngữ của bạn, thì bạn tìm các biến số bắt đầu bằng chữ Lang_ và đổi giá trị cho phù hợp.

Lịch sử xuất bản
  • 11/12/2011: Xuất bản phiên bản 2.0

Nhãn:

COMMENTS

BLOGGER: 53
  1. Bmaster12:27 11/12/11

    Rất tuyệt và ít lỗi
    Mình chèn vào check w3c thấy giảm hẳn vì đang dùng Recent Comments Widget bản khác.
    thanks bạn rất nhiều

    Trả lờiXóa
  2. Bmaster12:36 11/12/11

    @Bmaster
    Ui nhưng mà load hơi lâu thì phải :(

    Trả lờiXóa
  3. Tien Nguyen12:54 11/12/11

    @BmasterDo có phần lây tiêu đề bài viết nữa nên không nhanh lắm. Hiện tại thì đó là cách duy nhất rồi đó bác.

    Trả lờiXóa
  4. Quang Hoang13:39 11/12/11

    em vẫn thích dùng kiểu lấy url nguồn cấp hơn @@!, vừa nhanh vừa đơn giản

    Trả lờiXóa
  5. Tien Nguyen13:51 11/12/11

    @QuangỪ, kiểu đó đơn giản và dễ thực hiện. Mỗi người chọn cho mình một kiểu mình thích, miễn sao đáp ứng nhu cầu blog của mỗi người là được

    Trả lờiXóa
  6. Yolks14:16 11/12/11

    Báo cáo : code em lấy chạy ko dc , em view bên blog demo lấy code thì dùng được , a Tiến xem lại giùm nhé

    Trả lờiXóa
  7. Duy Pham14:30 11/12/11

    Tuyệt quá bác ạ. Cực nhanh và gọn nhẹ. Xóa ký tự @name-reply cho đẹp nữa thì tuyệt. Đã test cho trường hợp comment bị xóa nội dung chưa bác?

    Trả lờiXóa
  8. Duy Pham14:42 11/12/11

    Ồ, hóa ra là giờ feed lưu trữ cả Avatar rồi. Sau khi chuyển qua giao diện dynamic thì feed của Blogger được nâng cấp lên nhiều nhờ đó mà tiện cho custome. Thời gian qua làm em chật vật với jQuery để tìm cách get img mà profile Blogger khác domain nên khó khăn, giờ thì dễ dàng rồi :D

    Trả lờiXóa
  9. Yolks14:47 11/12/11

    @Duy Pham bác Phạm có kế hoạch gì thế , bật mí cho a e nghe chơi , có phải là bản recent comment có Avatar sắp tới khỉ

    Trả lờiXóa
  10. Duy Pham14:51 11/12/11

    @YolksĐúng là có lên kế hoạch cho bản Avatar nhưng giờ feed đã có thì dễ dàng rồi.

    Trả lờiXóa
  11. Duy Pham14:52 11/12/11

    @Quangurl nguồn cấp thực ra là cũng dùng js để hiển thị mà thôi. Nhược điểm của nó là update lâu, nhất là nguồn cấp từ Google Plus thì hàng tuần mới thấy cập nhật?!

    Trả lờiXóa
  12. Tien Nguyen14:54 11/12/11

    @Duy PhamBác nhắc mới nhớ, chưa test vụ delete thì phải? Version sau thêm cái vụ này + với remove luôn cái @.

    Thank bác.

    Trả lờiXóa
  13. Tien Nguyen14:55 11/12/11

    @Duy PhamỪ, feed nâng cấp lên rồi bác ạ. Lúc trước phải dùng PHP get, mệt.

    Trả lờiXóa
  14. Tien Nguyen14:56 11/12/11

    @YolksBáo cáo luôn địa chỉ blog đi cậu?

    Trả lờiXóa
  15. Phạm Việt Cảm15:02 11/12/11

    Hôm nay CN đông đúc anh em quá. TN bắt đầu viết lại những bài hay.

    Trả lờiXóa
  16. Unknown20:30 11/12/11

    Không biết bản mới này có chậm hơn bản cũ ko bác Tiến? Em muốn thay nhưng sợ nặng hơn bản cũ.

    Trả lờiXóa
  17. Tien Nguyen20:32 11/12/11

    @D.N.HTốc độ như bản cũ bác ạ.

    Trả lờiXóa
  18. Unknown00:21 12/12/11

    Sao demo chạy tốt mà add vào blog mình thì không chạy được nhỉ :-ss
    Nhờ bác TN xem giúp mình :(

    Trả lờiXóa
  19. Nặc danh01:16 12/12/11

    Trước giờ vẫn thích cách đơn giản là build cái từ feed2js nhớ lấy thêm tên tác giả. Cách này khá nhanh đấy...

    Trả lờiXóa
  20. Unknown07:17 12/12/11

    Bên blog em ko hiện ảnh mặc định cho comments ko có hình ảnh bác Tiện ạ. Nhờ bác qua xem giùm em.

    Trả lờiXóa
  21. Tien Nguyen10:10 12/12/11

    @D.N.HĐể Tiến xem lại nha, nếu có lỗi sẽ fix nhanh cho version sau.

    Cảm ơn D.N.H nhiều?

    Trả lờiXóa
  22. Tien Nguyen10:32 12/12/11

    @Thạch DừaBạn áp dụng cho blog nào vậy? Hiện tượng thế nào, bạn cho mình thêm tí chi tiết để có thể khắc phục nhanh hơn nha.

    Trả lờiXóa
  23. Unknown10:52 12/12/11

    @Tien Nguyen Add vào nó không có hiện gì hết :(
    Blog này nè TN :D ~> http://retsokai.blogspot.com/

    Trả lờiXóa
  24. Tien Nguyen11:38 12/12/11

    @Thạch DừaOh, feed của Thạch Dừa khá đặc biệt. Mình sẽ fix lỗi này vào bản sau. Rất cảm ơn sự phản hồi nhiệt tình của bạn. ^_^

    Trả lờiXóa
  25. Yolks11:49 12/12/11

    @Tien Nguyen Mình báo ở trên rồi , ^^

    Trả lờiXóa
  26. Unknown12:05 12/12/11

    @Tien Nguyen Ừm, mình cũng không rành mấy cái feed lắm. Mong ver sau của TN :D

    Trả lờiXóa
  27. B13:17 12/12/11

    của tôi cũng vậy, ko có avatar mặc định của người comment ko có hình ảnh

    Trả lờiXóa
  28. Đinh Công Thành23:20 12/12/11

    Sr bác Tiến tí
    Bác cho em hỏi blog em bị gì mà vào Thiết Kế nó lại hiện ra cái thông báo lỗi như này
    http://3.bp.blogspot.com/-wdHs9_Sb3AE/TuYpdV1VLqI/AAAAAAAAAuU/bf0D0Z_ulkQ/s1600/loi.png

    Em đã áp dụng cả giao diện cũ vào mới đều hiện ra thông báo như vậy
    Bác chỉ em cách khắc phục với

    Trả lờiXóa
  29. Tien Nguyen08:13 13/12/11

    @Đing Kiu TruêOh, nhìn cái hình này không thì cũng bó tay bác à. Bác lấy code template của blog đó bỏ qua blog khác xem sao. Nếu bỏ qua mà blog mới không bị thì blog cũ bị lỗi rồi, xóa bỏ nó làm lại cái mới thôi.

    Hoặc ngược lại, copy code của 1 blog đang chạy được thả vào, nếu chạy được thì tiếp tục phát triển code từ cái code đó.

    Nhớ copy code đầy đủ (expand widget template)

    Trả lờiXóa
  30. Quang Hoang12:22 13/12/11

    @Đing Kiu TruêLỗi này là do bên Blogger đang update code nên host khả năng bảo trì dẫn đến lỗi này, để khắc phục bác delete cookie hoặc dùng soft dọn cookie như ccleaner chẳng hạn, hoặc bác chọn duyệt trên trình duyệt #, em bị lỗi này nên em dọn cookie, history thì nó trở lại bt @@!

    Trả lờiXóa
  31. Đinh Công Thành13:11 13/12/11

    Nó bị phần bố cục, còn thiết kế thì bình thường :(

    Trả lờiXóa
  32. Lee Peace20:58 13/12/11

    Rất OK bên trang tiếng Anh của mình, thanks Tiến!

    Trả lờiXóa
  33. Lee Peace21:33 13/12/11

    Sao kỳ vậy ta, bây giờ trang vnenglish.info của mình không load comment rồi, Tiến xem giùm!

    Trả lờiXóa
  34. Unknown22:09 13/12/11

    @Lee PeaceBên trang của bác em vẫn thấy load mà. Có bị gì đâu. Bên trang em ko hiện avatar mặc định. Hy vọng bác Tiến sẽ sớm sửa được lỗi này.

    Trả lờiXóa
  35. Lee Peace22:10 13/12/11

    @D.N.H Mới edit lại :D

    Trả lờiXóa
  36. Tien Nguyen22:14 13/12/11

    @Lee PeaceEdit cái gì mà nó bị lỗi thế bác. Nhờ bác feedback để giúp anh em hoàn thiện tool hơn. Cảm ơn nhé.

    Trả lờiXóa
  37. Lee Peace22:51 13/12/11

    @Tien Nguyen Không biết nữa bác Tiến à, mới đầu get code thì nó load nhưng một lúc sau không load. Mình phải get code lại lần nữa thì nó mới chạy lại. Nói chung tiện ích này vẫn chưa chạy ổn định, đôi khi phải refresh lại vài lần mới OK Tiến à, mong Tiến sớm khắc phục.

    Trả lờiXóa
  38. Phạm Việt Cảm22:40 14/12/11

    TN giúp mình về việc dùng Code này nhưng muốn thay đổi như sau:
    1. Load hết Comment của Blog
    2. Vì đặt vào trang tỉnh nên mong TN chỉ cách bỏ phân khung bao quanh nội dung Comment (http://www.vnsupercar.net/p/binh-luan-cua-ban-oc.html)
    Cảm ơn TN nhiều.

    Trả lờiXóa
  39. TUE19:19 16/12/11

    Widget này chạy khá nhẹ nhàng trên blog của mình! Cảm ơn Tien Nguyen nhìu! ^_^

    Trả lờiXóa
  40. Đinh Công Thành18:07 17/12/11

    Không biết sao bên em không hiển thị cái này nữa
    Phải dùng của DuyPham :(

    Trả lờiXóa
  41. Unknown13:05 18/12/11

    Wao... Tuyệt, chạy ổn hết rồi, ngồi vọc CSS tý :D

    Trả lờiXóa
  42. Yolks12:42 20/12/11

    @Đing Kiu Truê Yolks bị y như trên , copy code qua , nó đứng luôn , chả load gì cả , ko biết bị gì nữa

    Trả lờiXóa
  43. Yolks12:43 20/12/11

    @Yolks Lấy code bên trang demo thì hoạt động , còn Yolks lấy ở đây bị lỗi . Dùng có chú duy thôi T_T

    Trả lờiXóa
  44. Tien Nguyen13:16 20/12/11

    @YolksYolks get code cho trang nào, Tiến sẽ thử get và đặt lên trang demo xem sao? Chờ phản hồi của Yolks.

    Trả lờiXóa
  45. Tien Nguyen13:26 20/12/11

    @YolksEm get thử cho vngreenzone rồi nhé, bác xem demo.

    Trả lờiXóa
  46. Dạ Lai Hương09:39 21/2/12

    Cảm ơn bạn Tien Nguyen, mình vừa thử thêm tính năng này vào blog Xóm Gạo Lứt của mình. Thấy chạy tốt lắm. Mình thắc mắc không biết giữa việc làm widget này với việc lấy từ nguồn cấp thì cái nào sẽ tải nhanh hơn. Trang Xóm Gạo Lứt của mình vừa mới tạo xong thấy tốc độ tải khá chậm. Mình thì hoàn toàn không biết gì về thiết kế. Nếu có thời gian mong bạn xem qua blog này và chỉ điểm, hướng dẫn cho mình một vài cách về các trình bày bố cục cũng như tối ưu hóa một số script.
    Chúc blog bạn sẽ có thêm nhiều người truy cập và có thêm lợi nhuận.

    Trả lờiXóa
  47. Tien Nguyen12:16 16/3/12

    @Cuong NguyenChờ phiên bản tới đi bác.

    Trả lờiXóa
  48. [R.K] group21:09 11/4/12

    Cảm ơn, bài viết rất hữu ích.

    Trả lờiXóa
  49. Vịnh00:14 15/4/12

    Đăng nhập blog thì thấy comment thoát ra thì ko thấy!em ko hỉu bác ạ?

    Trả lờiXóa
  50. VNTAOBAO.COM22:17 28/5/12

    em thích code của bác lắm :) đẹp lại dễ làm :D

    Trả lờiXóa
  51. Cổ Nguyệt (古 月)21:54 1/7/12

    Hôm trước mình áp dụng code này cho Cổ Nguyệt's Blog thì được nhưng giờ áp dụng cho VinaPayza.com thì sao nó không hiển thị Tiến nhỉ

    Trả lờiXóa
  52. máy tính trần tuyền tv14:01 31/7/12

    tạo html/javascript widget kiểu gì vậy bác ơi! em paste vào blog của em mà nó báo lỗi. Giúp em với

    Trả lờiXóa
  53. BinhTienBeach13:51 2/7/13

    Cám ơn bạn!

    Trả lờiXóa

DISQUS
Tên

au*cenz,2,au*dashcam,1,au*hhv,3,au*mitom,1,au*pup,1,au*tai,5,au*tdphan,2,au*tgphan,1,au*tvnguyen,76,au*vkhg,1,Blogspot căn bản,11,Các thủ thuật khác,8,Comment phân cấp,3,Công cụ,2,Google SEO,3,Hỗ trợ,2,Hubspot Marketing Grader,1,IE CSS hack,1,kiếm tiền trên mạng,1,Kỹ năng viết blog,7,Lập trình Blogger,3,Mẫu blog,11,Menu,1,Sitemap,1,Sticky,1,Sưu tầm,6,Tên miền Godaddy,2,Thủ thuật,31,Tiện ích bài ngẫu nhiên,1,Tiện ích bài viết mới,1,Tiện ích mạng xã hội,2,Tiện ích nhận xét mới,1,Tiện ích Top nhận xét,1,Tin tức,36,Widgets,8,youtube partner,1,
ltr
item
Vnblogspot: Recent Comments Widget có hiển thị avatar cho Blogger
Recent Comments Widget có hiển thị avatar cho Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtNKpPAIpi3woVLjgesfGbRFDxqpvwZaeiTcAPYIEKjWsHzXn_hIHR2Dmt2CbpWC30gBvuOpc_7vJdI5a6KKT6hNoUnXfglyMtSHlvsTXiyRfZQv6Kw4auL1xZ0EOQ3rXdlNPCH7W00AH/s1600/Recent_Comment_Banner.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtNKpPAIpi3woVLjgesfGbRFDxqpvwZaeiTcAPYIEKjWsHzXn_hIHR2Dmt2CbpWC30gBvuOpc_7vJdI5a6KKT6hNoUnXfglyMtSHlvsTXiyRfZQv6Kw4auL1xZ0EOQ3rXdlNPCH7W00AH/s72-c/Recent_Comment_Banner.jpg
Vnblogspot
http://vnblogspot2.blogspot.com/2011/12/recent-comments-widget-co-hien-thi.html
http://vnblogspot2.blogspot.com/
http://vnblogspot2.blogspot.com/
http://vnblogspot2.blogspot.com/2011/12/recent-comments-widget-co-hien-thi.html
true
5347051965778775909
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content