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.

1votes
5/5, 1 vote

  1. Mr.iCoder

    Mr.iCoder VIP Member

    Bài viết:
    523
    Likes :
    497
    Topic deleted.
     
    Last edited: 11/3/18
    Đang tải...
  2. phuc phamminh

    phuc phamminh New Member

    Bài viết:
    7
    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 VIP Member

    Bài viết:
    523
    Likes :
    497
    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:
    1,414
    Likes :
    522
    không bạn à..cứ an tâm nhé
     
    ip0d4ever thích bài này.
  5. Mr.iCoder

    Mr.iCoder VIP Member

    Bài viết:
    523
    Likes :
    497
    Đã 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:
    24
    Likes :
    2
    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,087
    Likes :
    456
    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:
    40
    Likes :
    4
  9. Xavier

    Xavier Well-Known Member

    Bài viết:
    1,414
    Likes :
    522
    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 VIP Member

    Bài viết:
    523
    Likes :
    497
    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:
    7
    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:
    50
    Likes :
    26
  13. betaphack

    betaphack Member

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

    langtuvotinh New Member

    Bài viết:
    18
    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:
    690
    Likes :
    228
    Đã 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:
    41
    Likes :
    3
    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:
    674
    Likes :
    142
    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:
    157
    Likes :
    5
    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:
    674
    Likes :
    142
    chèn đoạn code này vào cuối cùng nhé!
     
  20. akito

    akito New Member

    Bài viết:
    51
    Likes :
    11
    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

Đang tải...