Hướng dẫn Cách làm thống kê tin dạng tabs

huynhvantam123

Corporal
Tham gia
28/08/2018
Bài viết
164
Được Like
43
6.JPG

Nay làm 1 bài hướng dẫn thống kê tin dạng tab cho xenforo 2 cho những ai cần mà chưa biết để tham khảo nhé :D
Đầu tiên là cài add on: Popular threads and posts - DL6-MLTP vào nhé. Không biết tìm download ở đâu thì có thể tải file add on đính kèm trong bài viết.
- Sau khi cài đặt add on xong thì vào Appearance/widgets và làm như sau:
2.png

3.png

Với ảnh trên
1 - thêm widget
2 - chọn loại widget cần thêm
3 - chọn loại widget (như ảnh là sẽ hiển thị những bài có nhiều like theo thống kê)
4.png

với ảnh trên:
1 - widget key : người dùng tự đặt key theo dạng chữ latinh không dấu (bắt buộc phải có)
2 - title: Tên của widget này (có thể để trống)
3 - Maximum entries: số lượng bài cần hiển thị (mặc định là 5)
4 - Most liked posts: thống kê bài theo ngày/tuần/tháng/năm. Cái này trước mình chưa biết hay bị. Nếu chọn thống kê theo ngày thì qua 0h là những thống kê của ngày trước sẽ bị ẩn và hệ thống lại tiếp tục thống kê để hiển thị bài cho ngày tiếp theo. Nếu diễn đàn có số lượng bài đăng ít thì theo cá nhân mình nên chọn thống kê theo tuần hoặc tháng để tránh thống kế bị ẩn khi qua ngày.
5 - Forum limit: lựa chọn những mục nào muốn hiển thị. Có thể kết hợp nút Ctrl + click chuột trái để chọn nhựng mục cần hiển thị.
Xong nhấn nút save/lưu lại.
Các loại khác làm tương tự nhé.
Sau khi thiết lập các tab cần hiển thị thì bước cuối cùng ta làm như sau:

5.png

Tạo widget dạng HTML
7.png

1 - bắt buộc có
2 - có thể để trống
3 - tick chọn vào Forum list: Sidebar để nó hiển thị bên cột phải
4 - Chèn code sau vào
Mã:
<h2 class="yhdd-widget-tabs block-tabHeader tabs hScroller" data-xf-init="tabs h-scroller" data-state="replace" role="tablist">
             <span class="hScroller-scroll">
                 <a
                        class="tabs-tab"
                        id="forum_overview_new_posts"
                        role="tab">Bài mới</a>
              
                <a
                        class="tabs-tab"
                        id="bai_xem_nhieu"
                        role="tab">Xem nhiều</a>
             </span>
</h2>
         <ul class="tabPanes yhdd-widget-tab">
             <li role="tabpanel" aria-labelledby="forum_overview_new_posts">
                 <xf:widget key="forum_overview_new_posts" />
             </li>
            
             <li role="tabpanel" aria-labelledby="bai_xem_nhieu">
                 <xf:widget key="bai_xem_nhieu" />
             </li>
         </ul>
<xf:css>
.yhdd-widget-tabs {
    border-radius: 4px;
    overflow: hidden;
}
</xf:css>
với id và wid key là những widget key mà bạn đã đặt và muốn hiển thị.
5 - Advanced mode: tick chọn là sẽ ko hiện thị tiêu đề của block này. Có thể thử bằng cách chọn hoặc ko.
Sau đó lưu lại và ra ngoài giao diện diễn đàn và xem
6.JPG

Với cách này có thể làm được nhiều dạng khác như:
- thống kê ngày sinh thành viên, bài like nhiều, xem nhiều v.v...
- Thậm chí có thể tùy chỉnh cài đặt những đoạn mã quảng cáo hoặc banner ....

Code chèn vào có thể tùy chỉnh hoặc copy y chang cũng được. Đã thử ở những style gốc hoặc style cài mới vào,
Code tham khảo và sao chép y chang của hacobi1102 :p hj.
Bài viết mang tính chất chia sẻ và cho những ai cần mà chưa biết nhé chứ em ko dám khoe khoang với những pro :p
hj
 

Đính kèm

  • 1.png
    1.png
    121.1 KB · Lượt xem: 525
  • Popular threads and posts - DL6-MLTP-1.1.2.zip
    72.2 KB · Lượt xem: 7

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
hì, thanks bạn :)
 

dinhphucv

Sergeant
Tham gia
09/08/2017
Bài viết
427
Được Like
266
Brivium modern statistics sẽ giúp bạn làm điều này, còn có hiệu ứng Ajax nữa.
 

Top Bottom