Other Hướng dẫn thêm comments facebook và google + cho Xenforo

B1. Mở template message
Chèn đoạn sau vào cuối:

HTML:

<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
<div class="comment_fbdiv" ></div>
<div class="tabs comment">
<input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
<label for="tab-1" class="tab-label-1"><i class="fa fa-facebook-square"></i>Facebook</label>
<input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
<label for="tab-2" class="tab-label-2"><i class="fa fa-google-plus-square"></i>Google +</label>
<div class="clear-shadow"></div>
<div class="content-tab">
<div class="tab-1">
<div id="fb-root"></div>
<div class="fb-comments" data-href="http://doravn.com/{xen:link threads, $thread}" data-num-posts="10" data-width="843"></div>
</div>
<div class="tab-2">
<script src="https://apis.google.com/js/plusone.js"></script>
<div class="g-comments" data-href="http://doravn.com/{xen:link threads, $thread}" data-num-posts="10" data-width="843" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD"></div>
</div>
</div>
</div>

B2. Mở template message.css thêm đoạn sau vào trước thẻ </xen:if>

Mã:

/* Tabs comment */
.tabs{
max-width:650px;
margin:0 auto;
position:relative;
clear: both;
padding-top:20px;
}
.tabs h3 {font-size:15px;background: #C0392B;color: #fff;padding: 0 20px;margin: 0 -24px;}
.tabs input{
position:absolute;
top:0;
left:0;
display:none;
}
.tabs label{
display:block;
float:left;
position:relative;
padding:10px 20px;
line-height:1.5em;
min-width:55px;
text-align:center;
color: #222;
font-size:13px;
font-weight:bold;
letter-spacing:1px;
cursor:pointer;
}
.tabs label:after{
content:"";
display:block;
position:absolute;
width:100%;
height:5px;
background:#fff;
left:0;
bottom:-5px;
}
.clear-shadow{
clear:both;
}
.content-tab{
position:relative;
width:100%;
border-top: 1px solid #DDD;
padding-top: 10px;
margin-top:-1px;
}
.content-tab>div{
overflow:hidden;
top:0;
left:0px;
opacity:0;
display:none;
transition:opacity .4s;
-moz-transition:opacity .4s;
-webkit-transition:opacity .4s;
-ms-transition:opacity .4s;
-o-transition:opacity .4s;
}
/***** Xu Ly An Hien*****/
.tabs input:checked + label{background: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yf/r/PfBgtiydy5U.gif) no-repeat bottom center;z-index:1}
.tabs input.tab-selector-1:checked ~ .content-tab .tab-1,
.tabs input.tab-selector-2:checked ~ .content-tab .tab-2{
opacity:1;display:block;
}

Lưu ý: nhớ thay link của bạn & data-width vào code trên cho phù hợp.
Done.
Demo: vxf.vn
doravn.com

 

Cái này lấy code ở bên wp có share thì tiện, nhưng bác chèn lỗi rồi đó, chỉ cho hiện bài #2 thôi

 

Là sao bạn?

 

bác làm code trên hiển thị ở cả thread lẫn post, bác tìm hiểu cái chèn facebook vào xenforo, lấy code chỉ hiện 1 lần dưới bài #1 đó.

 

tớ lại thích nó không hiện mãi ở #1 vậy, tùy mỗi người mà bạn!

 

load nặng kinh khủng

 

Cái này chấp nhận thôi

 

Cái này là mổi post comment là mổi cái comment facebook không có cách nào dùng mổi bài một comment hã chủ thớt

 

em cũng bị thế, có cách nào cho nó hiện ở mỗi cuối message thôi không mọi người. giống quick reply ấy

 

sao của mình không hiện nhỉ
http://congdongtinhoc.net/threads/tai-sao-idm-khong-bat-link-youtube-va-cach-khac-phuc.25933.html

 

cảm ơn bạn đã post

 

chỉ hiện ở #2thi2 dễ mà. 2 dòng code thôi

 

có bác nào biết cách làm khung trả lời ngày dưới bài viết như hình không ? giúp em với