Cập nhật: Mẫu Template chuẩn SEO 2026 cho Blogger đã ra mắt! Xem chi tiết →

Tạo bình luận mới nhất (Recent comments) cho Blogspot

Hoàng Nhân Khôi Thứ Sáu, 9 tháng 10, 2015
Tạo bình luận mới nhất (Recent comments) cho Blogspot
Lâu rồi mình không viết bài nói về thủ thuật Blogspot … Hôm nay cảm thấy “nao nao” nền viết bài. Bài này mình hướng dẫn các Bạn “Tạo bình luận mới nhất (Recent comments) cho Blogspot” một Plugins theo mình đánh giá là rất quan trọng.

Trong Blogspot cũng có sẵn tính năng này nhưng việc quản lý bình luận khá khó khăn (Mỗi khi muốn xem bình luận bạn phải đăng nhập vào phần Quản trị của Blogspot mới xem được), với Plugins này bạn sẽ phản ứng kịp thời với những spammer hay trả lời nhanh nhất cho những câu hỏi của các độc giả đặt ra trong các chủ đề của Bạn.

Đọc thêm:



Bình luận mới nhất (Plugins Recent comments) thường thì có 2 dạng: Có hiển thị Avatarkhông hiển thị Avatar.

☼ Bắt đầu thủ thuật !

Đầu tiên bạn vào Blog => Bố cục => Thêm tiện ích => HTML/JavaScriptdán đoạn mã code dưới đây vàoLưu lại. Sau đây là 3 Phong cách cho các bạn lựa chọn:

1. Code Widget bình luận có hiển thị ảnh Avatar.

Code Widget bình luận có hiển thị ảnh Avatar

<style type="text/css" scoped>
ul.kangismet_recent{list-style:none;margin:0;padding:0;}
.kangismet_recent li{backgroud:#eee;margin:0 0 6px !important;padding:3px
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid #aaa;
border-radius:9px; max-height: 100px;}
.kangismet_recent li:hover{border: 1px solid #ddd;background:#aaa;color:#fff}
.kangismet_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.kangismet_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Your Name';
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B-jiSGsgLypMajF6WjJfMXVkODA"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50">
</script>  

2. Code Widget bình luận có hiển thị ảnh Avatar và hiệu ứng.

Code Widget bình luận có hiển thị ảnh Avatar và hiệu ứng

<style type="text/css" scoped>
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;}
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Your Name';
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B-0uHUanipfMU1FDNkI2U1FWMG8"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50">
</script>  

3. Code Widget bình luận không hiển thị ảnh Avatar.

Code Widget bình luận không hiển thị ảnh Avatar

<script style=text/javascript src="https://googledrive.com/host/0B-jiSGsgLypMaGJIb0pROE9OZ0E"></script><script style=text/javascript >var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=0;</script><script src=/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<style type=text/css>
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px solid #666; padding-top: 6px!important; padding-bottom: 6px!important;}
</style>  

☼ Tùy chỉnh:
·        numComments = 5var a_rc=10 : Số lượng bình luận bạn muốn hiển thị.
·        showAvatar = true : Không muốn hiển thị ảnh Avatar hãy nhập False.
·        avatarSize = 35 : Kích thước ảnh Avatar.
·        characters = 40 : Số lượng ký tự gợi ý bình luận.
·        defaultAvatar = http://www.gravatar.com/avatar/?d=mm : Ảnh Avatar mặc định.
·        maxfeeds=50 : Tối đa bình luận hiện thị.
·        adminBlog='Your Name' : Tên Admin.

Thật đơn giản phải không nào? Chúc các bạn thành công!

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều.

Bài Viết Liên Quan

Bình Luận (49)

Mộc
Mộc lúc 07:42 12 tháng 10, 2015
để logo to thế bác
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 07:45 12 tháng 10, 2015
Hù người ta đó Bác ^^!
Bill Amazing Z
Bill Amazing Z lúc 02:50 15 tháng 10, 2015
Giao diện đẹp đó bác :)
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 08:34 15 tháng 10, 2015
Giao diện như bác cũng được nhiều bloging thích đó @!^^
Mộc
Mộc lúc 23:38 16 tháng 10, 2015
không biết cảm nhận của bạn thế nào, nhưng với mình thì các phần của bạn cách nhau khá xa khiến mình thấy khó quan sát toàn bộ trang web
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 00:57 17 tháng 10, 2015
Bác ĐÔI GUỐC MỘC BLOG đang nói site của e ??? hay site của Bác VĂN HÙNG vậy ...
Mộc
Mộc lúc 04:38 17 tháng 10, 2015
site của bạn đấy windows2it :)
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 04:49 17 tháng 10, 2015
Bác ĐÔI GUỐC MỘC BLOG nói rõ hơn được ko "các phần của bạn cách nhau khá xa" .... Cách xa ở đây là sao vậy :) ... để xem mình có fix được ko
Mộc
Mộc lúc 09:52 17 tháng 10, 2015
bạn xem qua ảnh này nhé! mình phần đầu đã chiếm mất một nửa màn hỉnh rồi :)
http://i.imgur.com/1Jj2fNg.png
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 11:22 17 tháng 10, 2015
Tự cái thanh menu nó to ,,, nên phải chừa cái khoảng đó rộng ra nó mới cân đối được :) .... Thanks bác ĐÔI GUỐC MỘC BLOG đã góp ý nhiệt tình ... để e đây xem sao
Mộc
Mộc lúc 22:06 18 tháng 10, 2015
[Ý kiến cá nhân] mình thấy bạn nên chỉnh cái header như này sẽ gọn hơn :))
http://i.imgur.com/fGCt67v.png
với lại bỏ cái tự chuyển màu chữ đi, nhìn hoa cả mắt :v
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 23:00 18 tháng 10, 2015
Mới Fix xong hết rùi đó Bác... Bác cảm thấy thế nào .. em thấy nó gọn hơn nhiều .. thanks bác đã chỉ giáo ...---em đây ko có mắt thẩm mỹ lắm--- @**^^
Carly Lombard
Carly Lombard lúc 21:43 20 tháng 10, 2015
em ko biết cmt ở đâu nên hỏi ở đây ạ, ad cho e hỏi, trên trang blogspot phần cmt, thường thì sau/góc mỗi cmt sẽ có chữ "trả lời" để cho admin/người cmt trả lời lại, nhưng blogs của em nó lại không có ạ
1 điều nữa là, quản lý trả lời bình luận nằm ở đâu ạ, vì em vào trang quản lý thì chỉ thấy các cmt nhưng ko thấy có nút reply ạ, chỉ toàn là xóa/xóa nội dung/spam :'( mong ad chỉ giáo, em cám ơn ạ :)
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 00:08 21 tháng 10, 2015
Vấn đề thư 1: Trong thiết kế Blog của chưa có chức năng trả lời bình luận hoặc chức năng trả lời đã bị ẩn đị (khả năng xảy ra rất thấp)

Mình hướng dẫn thêm nút TRẢ LỜI (REPLY) comment :

Bước 1: Bạn vào mục chỉnh sữa template tìm đoạn (CODE đây)

Bước 2: Paste (Đoạn CODE đây) vào dưới đoạn CODE bạn tìm ở Bước 1 vào lưu mẫu lại và xem kết quả nhé !

Trong Đó: 7403020410772635599 là địa chỉ ID Blog bạn thay thành địa chỉ ID Blog của bạn

Vấn đề thứ 2: Phần quản trị comment Blogspot: Vào Blog >> Nhận xét (đó là phần quản trị Commet của Blog... Như bạn đã biết đã .. phần quản lý Comment của Blogspot chỉ có mục xóa/xóa nội dung/spam vậy thôi chứ ko có mục trả lời nhan bạn :))
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 01:51 23 tháng 10, 2015
mới chạy hiệu vài biểu tượng Yahoo cho nó đẹp mắt tí =))
Cừu Vui Vẻ
Cừu Vui Vẻ lúc 02:26 21 tháng 11, 2015
sao mình coppy về điền tên blog vô rồi f5 lại nhưng hẻm thấy cái bl nào được nhóm lại
Cừu Vui Vẻ
Cừu Vui Vẻ lúc 02:40 21 tháng 11, 2015
sao mình coppy về điền tên tên miền của blog vô chỗ rồi f5 lại nhưng hẻm thấy cái bình luận nào được nhóm lại
Cừu Vui Vẻ
Cừu Vui Vẻ lúc 02:42 21 tháng 11, 2015
sao mình coppy về điền tên tên miền của blog vô chỗ src=.... rồi f5 lại nhưng hẻm thấy cái bình luận nào được nhóm lại
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 02:43 21 tháng 11, 2015
Bạn có bài nhận xét nào đâu??? mà biểu nhóm lại
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 02:45 21 tháng 11, 2015
Chức này "nhóm nhận xét này" chỉ giành cho nhận xét mặc định của Blogspot >>> Còn nhận xét Google+ hay Facebook thì ko được nhé @!
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 03:47 21 tháng 11, 2015
Không bạn biết bạn thực hiện thủ thuật này cho trang nào .... Cho mình xem địa chỉ để mình kiểm tra thử xem sao... :)
Cừu Vui Vẻ
Cừu Vui Vẻ lúc 05:03 22 tháng 11, 2015
mình dùng cho trang này nè http://newboylove.blogspot.com/
bạn nếu có thời gian thì fix giúp mình nhé, thank trước nha, nếu không được thì cũng không sao đâu
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 05:11 22 tháng 11, 2015
Chức này "nhóm nhận xét này" chỉ giành cho nhận xét mặc định của Blogspot ---Như nhận xét mình đang sử dụng này----

Còn trang này http://newboylove.blogspot.com/ của bạn dùng nhật xét của Google+ >>> thủ thuật này không thể hoạt động trên nhận xét của Google+ >>> Bạn dùng nhận xét mặc định của Blogspot là nó hoạt động ngay thôi :)
Cừu Vui Vẻ
Cừu Vui Vẻ lúc 00:07 24 tháng 11, 2015
thank bạn nhé :D
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 00:10 24 tháng 11, 2015
:)
Bá Bông
Bá Bông lúc 19:57 18 tháng 5, 2016
sao mình làm chưa duoc
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 21:50 18 tháng 5, 2016
lại làm chưa được nữa ... blog bạn đâu cho minh qua... nếu ngại ko muốn chia sẽ ở đây bạn gửi qua gmail cho mình... [email protected]
Hòa Trần
Hòa Trần lúc 23:18 3 tháng 6, 2016
không chạy bác ơi. help me

copy rồi mà không chạy LINK: https://softwpro.blogspot.com/
Hòa Trần
Hòa Trần lúc 23:20 3 tháng 6, 2016
không chạy bác ơi. help me

copy rồi mà không chạy LINK: https://softwpro.blogspot.com/
Hòa Trần
Hòa Trần lúc 23:23 3 tháng 6, 2016
code đầu không chạy.. code hiệu ứng thì ok.. tks bác
ghé https://softwpro.blogspot.com/
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 00:41 4 tháng 6, 2016
Nó bị lỗi đoạn JS :( mình đã fix rùi nhé ! bạn thử lại đi .. chúc Blog bạn ngày càng phát triển :)
Unknown
Unknown lúc 01:53 11 tháng 8, 2016
Mình cũng ko chạy luôn
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 02:02 11 tháng 8, 2016
DEMO mình để vẫn chạy rất oke ko sao hết ... Vậy bạn nên tự hỏi mình đã làm sai chỗ nào đi là vừa ...
linhcofffee.com
linhcofffee.com lúc 22:23 21 tháng 10, 2016
Mĩnh cũng vậy à!
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 23:25 21 tháng 10, 2016
Mình cũng vậy à !! là sao bạn có thể nói rõ hơn tí không !!
linhcofffee.com
linhcofffee.com lúc 03:38 23 tháng 10, 2016
Mình lựa chọn mẫu 2 có hiệu ứng, cũng làm như bạn nhưng không có ra. Thích nó quá à! Cũng đơn giản mà chưa thấy ra. Bạn có thể cho mình skype để help mình nhé!
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 04:28 23 tháng 10, 2016
skype: quangmen93
Unknown
Unknown lúc 02:38 7 tháng 11, 2016
Thỏa sức giải trí với game FREE animal dash
[img]http://i.imgur.com/vn8G0LW.jpg[/img]
Sau những giờ làm việc mệt mỏi và căng thẳng, nhu cầu về giải trí được tất cả chúng ta quan tâm đến.
[img]http://i.imgur.com/Wx9Ng66.png[/img]
Một trong những hình thức giải trí lớn nhất là chơi Game. Hiện nay các smart phone đang được sử dụng rộng rãi chính vì thế chúng ta có thể dễ dàng tìm kiếm được một game yêu thích mà không hề tốn một chút sức lực nào khi tìm kiếm. Trong sức nóng của game Animal thì 3ECODE đã cho ra đời Animal Dash 1 sản phẩm cực kỳ hấp dẫn, không chỉ mạnh về hình ảnh linh động mà còn mạnh cả về chất lượng.
[img]http://i.imgur.com/2eS630l.jpg[/img]
Không những thế Animal Dash hoàn toàn không mất phí. Animal Dash đáp ứng mọi tiêu chí dù bạn là một game thủ hay một người không biết gì về game thì Animal Dash cũng sẽ đưa đến cho chúng ta một cảm giác cực kỳ thỏa mái và thú vị.
Hãy nhanh tay tải Animal Dash về máy nào :D
Animal Dash (Android)
https://play.google.com/store/apps/details?id=com.ecode.AnimalDash&hl=en
Animal Cute (iOS)
https://itunes.apple.com/us/app/animal-cute/id1121097861?mt=8
Ngoài ra bên 3ECODE còn rất nhiều các GAME KHỦNG MIỄN PHÍ mời các bạn ghé thăm :
http://3ecode.com


Unknown
Unknown lúc 02:42 7 tháng 11, 2016
http://www.giasusupham.info/
đăng ký gia sư cho các lớp hoc có được đào tạo miễn phí
đăng ký tìm gia sư chất lượng tốt cho con học các khối lớp
miễn phí 100% cam kết 100% là sinh viên sư phạm hà nội
Unknown
Unknown lúc 18:05 19 tháng 12, 2016
Muốn hiện avatar của facebook thì dòng avatar điền thế nào nhỉ?
324324
324324 lúc 01:26 17 tháng 1, 2017
bựa quá dùng temp Bmag xong chèn cái code thứ 2 lên đầu thì nó sang Tin mới bựa
Unknown
Unknown lúc 15:11 3 tháng 3, 2017
Mình đã làm được! Cảm ơn Ad, bài viết rất hay và ý nghĩa. Nếu bạn nào có nhu cầu làm mô hình kiến trúc hãy liên hệ với mình nha. Click link "mô hình kiến trúc" ủng hộ mình. Cảm ơn cả nhà!
HongTham
HongTham lúc 05:10 11 tháng 3, 2017
Mình muốn phần bình luận trên blogspot hiển thị tên như blog hoặc đi qua các blog khác thi cũng hiển thị tên blogspot chứ không phải tên google mail, bạn admin có cách nào chỉ mình với ạ.
Đạo's Linh's
Đạo's Linh's lúc 21:53 12 tháng 6, 2017
Cho hỏi làm sao show cả Smile ra nữa vậy Admin ơi...
Unknown
Unknown lúc 10:52 1 tháng 7, 2017
code k còn dùng đc nữa admin ơi :(
XemTop1
XemTop1 lúc 23:46 14 tháng 2, 2018
Nhận xét này đã bị tác giả xóa.
XemTop1
XemTop1 lúc 23:46 14 tháng 2, 2018
Mình làm mà cũng không được bạn xem với nhé http://xemgi.tk cảm ơn
buiquoc
buiquoc lúc 23:54 24 tháng 10, 2025
https://nhavinhomes.com.vn/
buiquoc
buiquoc lúc 23:55 24 tháng 10, 2025
Vinhomes Cần Giờ

Đăng nhận xét