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

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.
Liên hệ đặt quảng cáo
Quảng cáo trên windows2it.com

About Quang Mến :

Tôi là Quang Mến. Tôi viết blog theo phong cách chuyên nghiệp. ^^! Dựa trên niềm đam mê học hỏi và mong muốn chia sẽ với mọi người @@!
Theo dõi tôi trên:
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

48 nhận xét:

  1. Replies
    1. Giao diện như bác cũng được nhiều bloging thích đó @!^^

      Delete
    2. 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

      Delete
    3. 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 ...

      Delete
    4. 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

      Delete
    5. 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

      Delete
    6. 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

      Delete
    7. [Ý 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

      Delete
    8. 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--- @**^^

      Delete
  2. 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 ạ :)

    ReplyDelete
    Replies
    1. 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 :))

      Delete
  3. mới chạy hiệu vài biểu tượng Yahoo cho nó đẹp mắt tí =))

    ReplyDelete
  4. 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

    ReplyDelete
    Replies
    1. 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

      Delete
    2. Bạn có bài nhận xét nào đâu??? mà biểu nhóm lại

      Delete
  5. 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

    ReplyDelete
    Replies
    1. 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é @!

      Delete
    2. 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... :)

      Delete
    3. 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

      Delete
    4. 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 :)

      Delete
  6. Replies
    1. 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]

      Delete
  7. không chạy bác ơi. help me

    copy rồi mà không chạy LINK: https://softwpro.blogspot.com/

    ReplyDelete
  8. không chạy bác ơi. help me

    copy rồi mà không chạy LINK: https://softwpro.blogspot.com/

    ReplyDelete
  9. code đầu không chạy.. code hiệu ứng thì ok.. tks bác
    ghé https://softwpro.blogspot.com/

    ReplyDelete
    Replies
    1. 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 :)

      Delete
  10. Replies
    1. 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 ...

      Delete
  11. Replies
    1. Mình cũng vậy à !! là sao bạn có thể nói rõ hơn tí không !!

      Delete
    2. 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é!

      Delete
  12. 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


    ReplyDelete
  13. 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

    ReplyDelete
  14. Muốn hiện avatar của facebook thì dòng avatar điền thế nào nhỉ?

    ReplyDelete
  15. 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

    ReplyDelete
  16. 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à!

    ReplyDelete
  17. 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 ạ.

    ReplyDelete
  18. Cho hỏi làm sao show cả Smile ra nữa vậy Admin ơi...

    ReplyDelete
  19. code k còn dùng đc nữa admin ơi :(

    ReplyDelete
  20. This comment has been removed by the author.

    ReplyDelete
  21. Mình làm mà cũng không được bạn xem với nhé http://xemgi.tk cảm ơn

    ReplyDelete