Tạo bình luận mới nhất (Recent comments) có hiển thị Avatar cho Blogspot

    Trong Blogger, rất bất tiện trong việc kiểm tra comment của khách, mỗi lần bạn muốn xem comments thì phải đăng nhập vào quản lý Blogger chăng? Vì vậy hôm nay mình sẽ chia sẻ các bạn cách tạo bình luận mới nhất (Recent comments) cho Blogspot, nó sẽ hiện thị trong phần widget mà bạn muốn hiển thị, các bạn có thể kiểm tra ngay trên trang chính của các bạn.
DEMO: Các bạn có thể xem bên phần sidebar bên trái của Blog.

Tạo bình luận mới nhất (Recent comments) có hiển thị Avatar cho Blogspot

Tạo bình luận mới nhất có hiển thị Avatar cho Blogspot

Đầu tiên bạn vào Blog => Bố cục => Thêm tiện ích => HTML/JavaScript và dán đoạn mã code dưới đây vào và Lưu lại.

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

Tùy chỉnh

• numComments = 5 : Số lượng bình luận bạn muốn hiển thị.
• adminBlog='Your Name' : Tên Admin

Và một vài thông số được bôi vàng ở trên.

Nguồn bài viết :
Bài viết được viết hoàn toàn bởi tôi - Admin Hiếu.
Nguồn code lấy từ http://www.windows2it.com/

Chúc các bạn thành công.

Chào thân ái !