Widget Top nhận xét nhiều nhất - Top Commentators cho Blogger

Widget Top nhận xét nhiều nhất -Top Commentators giúp cho Blog của bạn trở nên chuyên nghiệp hơn, người truy cập sẽ cảm thấy hứng thú hơn trong việc để lại nhận xét. Mình giới thiệu đến các bạn Style tiện ích Top nhận xét nhiều nhất của bác Tien Nguyen (Blogger Cando).

Widget Top Commentators

Các bước thực hiện

Bước 1: Các bạn truy cập vào Blog của bác Tien Nguyen Top Commentators để lấy mã tiện ích Top Commentators theo Blog của bạn.

Lưu ý: 

 Number of names: là số lượt xếp hạng.

 Round corner number for avatar image: là độ rộng của avatar

 Comment label / text in your language: chọn text tùy ý của bạn.

 Time limit, longer then slower: khoảng thời gian xếp hạng comment: có thể là 1 tuần, 1 tháng hay 1 năm tùy vào cách chọn của bạn.

 Show avatar image: chọn hiện avatar hoặc không.

 Show order number: chọn hiện số thứ tự hoặc không.

 Your blog url: nhập vào là địa chỉ blog của bạn. sau đó chọn add widget.

Bước 2: Sau khi các bạn nhận được code của Widget, bạn chỉ việc xóa bỏ toàn bộ code giữa thẻ <style type="text/css">...</style> mà mình đã đánh dấu ở hình bên dưới.

Các bạn thay thế bằng đoạn code sau:

Có 2 sự lựa chọn cho bạn:

• Style của anh Đinh Công Huy - VnBlogger: Các bạn có thể xem qua bài viết này của anh ấy: Nhận xét nhiều có Avatar Ver 2
• Style của Đồng Việt

.top-comment{background-image: url(https://lh6.googleusercontent.com/-Z2-LPu4ORjk/VGySSrhXh3I/AAAAAAAA3RU/iMrIGWdUPGA/s0/topcm.png);background-repeat: no-repeat;margin: 5px 0 -250px 0;height: 244px;}

.order-number {

display: none;}

#bcd-140504-widget-top-commentator{margin-left:50px}

#bcd-140504-widget-top-commentator .avatar{float: left;margin: 24px 5px 0 -22px;display: block;}

#bcd-140504-widget-top-commentator .avatar img{border: 1px solid #ccc;min-width: 20px!important;max-width: 20px!important;min-height: 20px!important;max-height:20px!important;}

#bcd-140504-widget-top-commentator .avatar a{z-index:100;display:block;position:relative}

#bcd-140504-widget-top-commentator .content{height:45px}

#bcd-140504-widget-top-commentator .content a{font-weight:bold;color: #38AACC;}

#bcd-140504-widget-top-commentator .content span{display:block;color:#999;font-size:10px;font-style:italic}

#bcd-140504-widget-top-commentator .item{margin:6px 0}

#bcd-140504-widget-top-commentator .info{text-align:right;height:1.2em!important;overflow:hidden;line-height:1em!important}

#bcd-140504-widget-top-commentator .info a{font-weight:bold;font-size:11px;color:#AAA;}

Bước 3: Các bạn tìm kiếm trong Mẫu tên HTML của Widget Top Commentators. Để cho dễ dàng các bạn nhấn Ctrl+F trong Tab Mẫu và search tên tiêu đề tiện ích mà bạn đã đặt. Cuối cùng thêm thẻ <div class='top-comment'/>  vào sau thẻ <div class='widget-content'>

Như các bạn đã thấy tên Widget trên Blog của mình là HTML3. Các bạn có thể tìm bằng cách mà mình đã nói ở trên.
Cảm ơn anh Đinh Công Huy đã khôi phục một tiệc ích "hot" đã đi vào lãng quên.