[Tips] - Recent Comments / Bình luận mới nhất cho Blogger Blogspot V1
[Tips] - Recent Comments / Bình luận mới nhất cho Blogger Blogspot V1

Hôm nay Terocket tiếp tục mang đến cho cả nhà thủ thuật blog mới Recent Comments / Bình luận mới nhất cho Blogger Blogspot V1 cực kỳ thú vị, cả nhà cùng Terocket làm theo thủ thuật này nhé. Chắc chắn sẽ mang đến nhiều màu sắc cho blog của bạn đấy. Bật mí là bình luận mới nhất cho blogspot này nhảy múa cực đẹp luôn, cực hoành tráng đó nhé!

Live Demo

Để tạo được tiện ích Recent Comments / Bình luận mới nhất cho Blogger Blogspot V1 này thì các bạn chỉ cần làm như sau. Trước hết vào Blog Title → Layout → Add Widget → HTML/JavaScript sau đó copy đoạn mã sau, thay thế các trường cho hợp lý và Save As lại nhé. Thế là xong!

<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>

Các bạn có thể tủy chỉnh phần màu đỏ cho phù hợp với blog của mình nhé, để Terocket giải nghĩa các trường và chỉ số cho các bạn nha!

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

Vậy là đã xong một thủ thuật blog thú vị dành cho cả nhà, nếu ai đã làm được Recent Comments / Bình luận mới nhất cho Blogger Blogspot V1 rồi thì share bài viết này đến cho bạn bè nhé, nếu chưa được, hãy gửi một bình luận ở dưới đây, Terocket sẽ hướng dẫn và chỉ chổ chưa làm được cho các bạn nha! Chúc may mắn!

Bạn có thể tìm hiểu các thủ thuật liên quan đến comment blogspot ở đây nhé:

  1. Sửa lỗi không hiển thị nhận xét trong comment blogspot
  2. Cách chống Spam cho Blogspot
  3. Tạo màu nền riêng phân biệt nhận xét của tác giả
  4. Tạo số đếm nhận xét đẹp sau tiêu đề bài viết
  5. Blogger comment box widget
  6. Tùy chỉnh thông báo nhận xét bị xóa cho blogger
  7. Thêm Disqus Recent Comments cho Blogger
  8. Thêm Disqus Top Commenters Widget cho Blogger
  9. Chèn khung Comment Facebook cho Blogspot / Website
  10. Thêm comments của Google + cho Blogspot/website
  11. Thread Comment phân nhiều cấp với CSS cho blogger/blogspot
  12. Thêm nút Cancel reply cho Thread Comment của blogger
  13. Ẩn liên kết trong commnet blogger với JQuery
  14. Di chuyển ghi chú nhận xét của thread comment theo khung nhận xét khi reply trong blogspot
  15. Phân trang cho Thread comment của blogger/blogspot
  16. Thêm comments facebook cho blogger ves2 (Update)
  17. Chèn comment phân cấp vào Blogspot vers 2
  18. Tùy biến khung comment của blogspot
  19. Ẩn hiện khung comment với Jquery cho blogger
  20. Tạo số đếm cho Threaded Comments của blogger
  21. Làm đẹp Threaded comments của blogspot
  22. Tiện ích Top Commentators Cloud dành cho Blogspot
  23. Cài đặt comment của Disqus cho Blogger
  24. Phân trang cho nhận xét với bài trên 200 nhận xét
  25. Không cho hiển thị nhận xét của những người trong danh sách spam
  26. Khắc phục lỗi Avantar của Comment cho Blogspot
  27. Tiện ích Top Commentators cho blogspot
  28. Chèn comment của facebook vào blogspot Ves1
  29. Văn hóa Khi "comment"
  30. Tạo khung nội quy nhận xét đóng tự động
  31. Ẩn nhận xét cho một trang nhất định
  32. Chèn Thread comment phân nhiều cấp vào Blogspot Ver 2
  33. Chèn comment phân cấp vào Blogspot vers 1
  34. Chèn ảnh, video, nhạc vào comment Blogger (Update 20/02/2012)
  35. Hiển thị khung comment form lên trước nhận xét blogger
  36. Chèn biểu tượng cảm xúc vào nhận xét dạng input
  37. Thêm nút Like cho comments Blogger
  38. Gắn Tem phân biệt Admin – Visitor cho Comments của blogger
  39. Biểu tượng mặt cười cho phần Comment của Blogspot
  40. Chèn Các bộ emoticons cho blog

An Thành Adthinks - Terocket