Thêm Widget Recent Comments Avatars Để Blogger

Nếu trong hướng dẫn qua tôi đã nói chuyện về một tiện ích đơn giảnBình luận gần đây, bây giờ tôi sẽ được chia sẻ với các bạn mộtphong cách bình luận gần đây phụ tùng với avatar vòng, mà đi kèmcùng với các trích đoạn bình luận.
Bạn có tùy chọn để thay đổi ảnh Avatar Không tên mặc định là tốt.

 
Làm thế nào để thêm ý kiến ​​gần đây widget bằng avatar
Bước 1. Bảng điều khiển Blogger, sau đó đi để thiết kế các yếu tốPage >> Thêm Tiện ích.
Trong cửa sổ popup di chuyển xuống chọn HTML / Javascript và dánđoạn mã sau:

<style type="text/css">
ul.w2b_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}

.w2b_recent_comments li {
    background: none !important;
    margin: 0 0 6px !important;
    padding: 0 0 6px 0 !important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}

.w2b_recent_comments li .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;
}

.w2b_recent_comments li img {
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: block;
}

.w2b_recent_comments li span {
    margin-top: 4px;
    color: #666;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/w2b recent comments with avatars.js"></script>
<script type="text/javascript" src="http://your-blog.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

------------------------------------------

Cài đặt:
- Thay thế blog của bạn với tên của blog của bạn.
- Thay thế "5" giá trị trong màu đỏ, với số lượng bình luận bạn muốn xuất hiện, từ:

  

numComments  = 5 

and

&max-results=5 

- Để thay đổi avatar vô danh, thay thế địa chỉ sau đây với của riêng bạn:
http://www.gravatar.com/avatar/?d=mm
- Để thay đổi kích thước của hình đại diện, thay thế 60 giá trị trongmàu xanh lá cây với của riêng bạn
Sau khi bạn đã thực hiện các thay đổi, nhấp vào Lưu ... và bạn đã hoàn tất!