[Bonsau.com] Tặng Plugin Top Comment Tháng giống Canh Me và hướng dẫn sử dụng

Chương trình Quà tặng Bon Sau cuối tuần này sẽ là Plugin Top Comment Tháng giống Canh Me!

Xem demo tại phần footer của Bon Sau

Để cài đặt các bạn vào Plugins > Add New > Upload Plugin > Choose File > Install Now

Để sử dụng plugin các bạn vào Appearance > Widgets tìm tên widgets Top Comments

Kéo thả thả widgets Top Comments vào phần Sidebar tương ứng ở đây mình sử dụng trong Footer 2. Sau khi kéo vào các bạn có thể sử lại Title và số lượng hiển thị ,mặc định là hiển thị 6 người có số comment nhiều nhất trong tháng.

Nếu các bạn muốn thêm số thứ tự hiển thị 1,2,3,4,5,6 trên ảnh avatar thì có thể thêm đoạn css sau:

#footer .widget li {
list-style: none;
margin-bottom: 15px;
counter-increment: step-counter;
}

Còn muốn hiển thị màu theo số 1,2,3 thì thêm đoạn sau:Còn muốn hiển thị màu theo số 1,2,3 thì thêm đoạn sau:

.widget_wp_top_comments_plugin ol li:first-child:before { background: rgba(201, 34, 40, 0.7);}

.widget_wp_top_comments_plugin ol li:nth-child(2):before { background: rgba(26, 188, 156, 0.7);}

.widget_wp_top_comments_plugin ol li:nth-child(3):before { background: rgba(243, 156, 18, 0.7);}

Như vậy là mình đã hướng dẫn xong cách cài đặt và sử dụng Plugin Top Comment Tháng. Bạn nào muốn sử dụng có thể để lại comment nhé. Mình sẽ gửi vào mail cho các bạn.

Chúc các bạn cuối tuần vui vẻ!

Comment của bạn

14 Comments on “[Bonsau.com] Tặng Plugin Top Comment Tháng giống Canh Me và hướng dẫn sử dụng

    1. Mình thấy nó chưa nhận css mà bạn copy vào file style.css. Hiện tại mình thấy site của bạn đang dùng file dfff8.css bạn copy vào file này là được nhé

      1. mình xài genesis, childtheme là beginner, mình có thêm code css như bạn chỉ nhưng vẫn k thể trang trí đẹp như canhme hay của bạn 🙁 híp me, làm nào chỉnh ạ ??

          1. theme canhme đã được chỉnh sửa lại css bạn nhé. ý mình nói là canhme cũng sử dụng theme đó thôi bạn. nếu bạn muốn giống như bên đó thì copy file css về :).