Widget top comments có avatar cho blogspot

Giới thiệu

Widget Top Nhận Xét này được viết bởi MS-potilas và hôm nay mình chia sẻ để mọi người sử dụng
Click vào button bên dưới để xem ví dụ

Cài đặt

Anh em chỉ việc nhập các thông tin ở phần cài đặt bên dưới sau đó click button Tạo code rồi lấy về dùng
Nhập link:
Số lượng hiển thị:
Thời gian (nhập 0 nếu muốn thống kê từ đầu):
Tên người dùng loại trừ (phân cách bằng dấu phẩy):
Giới hạn ký tự tên:
Kích thước avatar:
Tạo code

Và dưới đây là style cơ bản mình chia sẻ đến cho anh em, mọi người có thể tùy chỉnh cho phù hợp với blog của mình

.top-commenter-line{height:50px;border-bottom:1px solid #dddfe2;padding:10px!important}
.top-commenter-line:last-child{border-bottom:none;padding:10px 10px 0 10px!important}
.top-commenter-line img{float:left;margin-right:10px;border-radius:50%;width:36px;height:36px;padding:5px}
.top-commenter-line h4{display:inline;margin-right:5px}
.top-commenter-line:nth-child(1) img{background-color:red}
.top-commenter-line:nth-child(2) img{background-color:#ffa500}
.top-commenter-line:nth-child(3) img{background-color:#ff0}
.top-commenter-line:nth-child(4) img{background-color:green}
.top-commenter-line:nth-child(5) img{background-color:gray}
.top-commenter-line .gray{display:block;margin-top:5px;color:#555!important;font-size: 12px!important;}

Đừng quên để lại nhận xét nếu trong quá trình làm gặp vướng mắc gì nhé!