XenForo Hosting

Làm sao tích hợp facebook comment vào xenforo

Thảo luận trong 'Style & Template Questions' bắt đầu bởi Mr.iCoder, 4/7/12.

  1. Mr.iCoder

    Mr.iCoder Moderator Staff Member

    Bài viết:
    690
    Likes :
    669
    Hiện tại em thấy mấy forum khác có cái phần comment facebook dưới mỗi bài viết. Không biết là làm sao được vậy. Nếu làm được thì có bị mất phần comment mặc định của xenforo ko
    Đang tải...
  2. phuc phamminh

    phuc phamminh New Member

    Bài viết:
    8
    Likes :
    3
    Mặc định của xeforo đâu có phần comment đâu bạn,nếu bạn muốn tích hợp thì mình xin leech một bài hướng dẫn của comicvn.net.
    Mở file js/xenforo/xenforo.js . Chèn vô cuối cùng
    Mã:
    $(document).ready(function(){
    var reflink = $("link[rel=canonical]").attr('href'),
          nameforum='comicvn.net';
          title = $("title").text(),
          srcfb ='http://www.facebook.com/plugins/comments.php?channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D6%23cb%3Df21a81faf7e5f3a%26origin%3Dhttp%253A%252F%252F'+nameforum+'%252Ff3b5bd112d6a2cc%26domain%'+nameforum+'%26relation%3Dparent.parent&href='+reflink+'&locale=en_US&numposts=30&sdk=joey&width=890&height=890';
          iframefb = $('<div class="comment_fbdiv"><p class="title">Connect Facebook  - '+title+'</p><span class="button showallcomment">Show All Comment Facebook</span><div class="fb-comments ifram_cmfb" data-href="'+reflink+'" data-num-posts="5" data-width="930px"></div></div></div>');
          iframefb.insertAfter('#messageList');
    $('.showallcomment').live('click', function(){
          var href_cm =  $(this).parent().find('iframe').attr('src');
        popop(href_cm);
    });
    function popop(url)
    {
    window.open(url,"linkfbcm","location=no,scrollbars=yes,width=900,height=900");
    }
    });
    Mã:
    nameforum='comicvn.net';
    các bạn thay = forum các bạn nhé;

    Mở template tìm extra.css và thêm vào :
    Mã:
    body .ifram_cmfb{
    display:block;
    max-width:930px;
    width:930px;
    border: 1px solid #bdbdbd;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
    box-shadow: 0 1px 0 #FFFFFF inset, rgba(0,0,0,0.3) 0px 1px 3px; -webkit-box-shadow: 0 1px 0 #FFFFFF inset, rgba(0,0,0,0.3) 0px 1px 3px; -moz-box-shadow: 0 1px 0 #FFFFFF inset, rgba(0,0,0,0.3) 0px 1px 3px; -khtml-box-shadow: 0 1px 0 #FFFFFF inset, rgba(0,0,0,0.03) 0px 1px 3px;
    padding:40px 15px 5px 15px;
    background:#f9f9f9 !important;
    }
     
     
    .comment_fbdiv .showallcomment{
    margin-top:8px  !important;
    position: absolute;
    z-index:9999;
    margin-left:780px !important;
    padding:10x 15px  !important;
    }
     
    .comment_fbdiv .title{
    position: absolute;
    z-index:9999;
    color: #222222;
    display: inline-block;
    font-weight: bold;
    padding:15px 20px 20px 20px;
    font-size:1em;
    }
    Để không bị vỡ khung thì các bạn chỉnh lại kích thước ở chữ đỏ nhé.hay có thể xoa tiltle dài ở đoạn script bên trên.

  3. Mr.iCoder

    Mr.iCoder Moderator Staff Member

    Bài viết:
    690
    Likes :
    669
    Vậy có bị mất chức năng comment thường ko bạn
  4. Xavier

    Xavier Well-Known Member

    Bài viết:
    2,122
    Likes :
    1,124
    không bạn à..cứ an tâm nhé
    ip0d4ever thích bài này.
  5. Mr.iCoder

    Mr.iCoder Moderator Staff Member

    Bài viết:
    690
    Likes :
    669
    Đã làm được rồi. Thank các bạn nhiều lắm :)
  6. no_it

    no_it New Member

    Bài viết:
    21
    Likes :
    1
    mấy bạn cho hỏi : nếu làm như cách trên thì comment facebook nó nằm trên khung trả lời bài viết ! có cách nào chỉnh sửa lại cho nó nằm dưới bài viết lun ko ? thanks !
  7. Logi

    Logi Well-Known Member

    Bài viết:
    1,846
    Likes :
    1,366
    Mã:
          iframefb.insertAfter('#messageList');
    
    Sửa messageList thành template vị trí mà bạn muốn nó hiện
  8. Trọng Trần Hữu

    Trọng Trần Hữu New Member

    Bài viết:
    56
    Likes :
    5
  9. Xavier

    Xavier Well-Known Member

    Bài viết:
    2,122
    Likes :
    1,124
    bạn chưa điền API của facebook thôi...
    vào option->Facebook và điền nhé
  10. Mr.iCoder

    Mr.iCoder Moderator Staff Member

    Bài viết:
    690
    Likes :
    669
    Mấy bác cho em hỏi hỏi là cái phần comment facebook của em khi có thành viên comment bằng cái kia thì cái comment facebook này nó bị hạ xuống dưới. Làm sao cho nó nằm mãi ở trên vậy
  11. manhcuong

    manhcuong New Member

    Bài viết:
    14
    Likes :
    0
    Làm cách nào mã gõ nội dung vào commnet mặc định là vẫn kết nối đưa lên face được như gõ nội dung vào comment face hả bạn?
  12. betaphack

    betaphack Member

    Bài viết:
    109
    Likes :
    53
  13. betaphack

    betaphack Member

    Bài viết:
    109
    Likes :
    53
    Up mong giúp đỡ
  14. langtuvotinh

    langtuvotinh New Member

    Bài viết:
    27
    Likes :
    1
    sao mình k làm được nhỉ, mình dùng xenforo 113
  15. mickey

    mickey Active Member

    Bài viết:
    971
    Likes :
    361
    Đã làm y chang nhưng không thấy hiện ra gì hết ..
  16. kaka27th

    kaka27th New Member

    Bài viết:
    59
    Likes :
    4
    làm sao cho các comment các trang của chủ đề gộp lại cùng nhau vậy các bác ='= chủ đề nhiều trang thì comment trang nào nó chỉ hiện ở trang đó thui hic
  17. nhoveai

    nhoveai Member

    Bài viết:
    900
    Likes :
    182
    khuyên bạn lên xài code này, chèn vào thread_view nhé tốt cho seo đó
    Mã:
    <xen:hook name="thread_view_qr_after" params="{xen:array 'thread={$thread}'}" />
     
    {xen:raw $threadStatusHtml}
    <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
    <div id="fb-root"></div>
    <fb:comments href="http://**[LINK FORBIDDEN]**/forum/{xen:link threads, $thread}"" num-posts="4" width="800"></fb:comments>
    <xen:include template="share_page">
        <xen:set var="$url">{xen:link 'canonical:threads', $thread}</xen:set>
    </xen:include>
    <xen:include template="sharebar" />
     
    
    huydn117 and udisara like this.
  18. sonhatq

    sonhatq Member

    Bài viết:
    261
    Likes :
    14
    chèn vào thread view thì bỏ các code bên trên ahf bạn
    lenovo1102 thích bài này.
  19. nhoveai

    nhoveai Member

    Bài viết:
    900
    Likes :
    182
    chèn đoạn code này vào cuối cùng nhé!
  20. akito

    akito New Member

    Bài viết:
    88
    Likes :
    25
    Code này không tự động cập nhật trên facebook hả cậu?
comments powered by Disqus

Chia sẻ trang này

Cloud VPS