Recommendations Bar Facebook for Xenforo

Cái này ko cần giới thiệu nhiều
Demo Link và ảnh:http://forum.tech24h.vn (xem 1 bài viết nào đó kéo xuống dưới nhìn góc phải)

B1: truy cập vào địa chỉ https://developers.facebook.com tạo 1 app để ta có thể lấy App ID và App Secret, cái này ai hay thường dùng các chức năng tích hợp facebook vào web,forum thì quá rảnh rồi.
Mình chỉ hướng dẫn add Recommendations Bar vào Xen thôi nhé !
B2: Tiếp tục truy cập vào đại chỉ https://developers.facebook.com/docs/plugins/recommendations-bar/

​

• Ở đây ta sẽ nhập địa chỉ web vào ô Domain ,
• Ở ô Expand Delay ta nhập số giây mà Bar show các bài viết ra min là 10 giây, max là 30 giây
• Side of Window là vị trí hiển thị
• Verd to Display là hành động like or recomment
• Nhìn góc phải tấm hình sẽ là Demo khi Recommendations show trên web
• Cuối cùng là nhấn get code

Ta được 2 code: ta chỉ quan tâm ở tab HTML 5 có 2 đoạn code

​

Vào style ta đang sử dụng search template thread_view add đoạn code sau vào cuối cùng

Mã:

<div class="fb-recommendations-bar" data-site="http://forum.tech24h.vn" data-read-time="10" data-side="right" data-action="like"></div>

tiếp tục search tempate page_container_js_body thêm vào cuối đoạn script

Mã:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=646463682064596";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Mọi người chú ý nhớ thay link diễn đàn vào app id cho phù hợp với diễn đàn của mình nhé
Nguồn: http://forum.tech24h.vn/threads/cac...xenforo-recommendations-bar-for-xenforo.1201/

 

hiện tại như diễn đàn mình này thì thấy nhiều bài cũ được hiển thị quá..
cái này có theo các chủ đề mới được không bác