huynhvantam123
Corporal
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é
Đầ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:
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ê)
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:
Tạo widget dạng HTML
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>
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
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 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
hj
Đính kèm
Bài viết liên quan
Bài viết mới