1. Xác thực tài khoản để có thể sử dụng đầy đủ chức năng của diễn đàn. Xem hướng dẫn
    Dismiss Notice

Recommendations Bar Facebook for Xenforo

Thảo luận trong 'XenForo Development' bắt đầu bởi cuong pham, 6/11/13.

1votes
5/5, 1 vote

  1. cuong pham

    cuong pham Member

    Bài viết:
    392
    Likes :
    113
    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/

    [​IMG]

    • Ở đâ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
    [​IMG]
    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/
     
    Đang tải...
  2. phankt

    phankt New Member

    Bài viết:
    14
    Likes :
    0
    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
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...