Mong chia sẽ:: Brivium - AIO Social Comments 2.4.2

MacKen · 29/12/2015

Như tiêu đề mình tìm chỉ có Brivium - AIO Social Comments 1.0.3 thôi....

Nên ngồi view source làm cái tương tự như sau:

B1:vào template: message
Tìm :

<xen:include template="ad_message_below" />

Thêm đoạn này ở dưới:

Mã:

<xen:if is="{$post.position} == 0 AND !{$message.conversation_id}">
       
       
        <div class="commentTabs comment">
       
            <input id="tabFacebook" type="radio" name="radio-set" class="tabSelectorFacebook" checked="checked">
            <label for="tabFacebook" class="tabLabelFacebook">Facebook</label>
       
       
            <input id="tabGoogle" type="radio" name="radio-set" class="tabSelectorGoogle">
            <label for="tabGoogle" class="tabLabelGoogle">Google +</label>
       
       
            <input id="tabDisqus" type="radio" name="radio-set" class="tabSelectorDisqus">
            <label for="tabDisqus" class="tabLabelDisqus">Disqus</label>
       
        <div class="clear-shadow"></div>
        
        <div class="contentTab">
           
                <div class="tabFacebook">
                         <div 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 id="fb-root"></div>
                                            <div class="fb-comments" data-href="http://khatvongsong.vn/{xen:link threads, $thread}" data-num-posts="10" data-width="100%"></div>
                                         </div>
                 </div>
           
           
                <div class="tabGoogle">
                         <script src="https://apis.google.com/js/plusone.js"></script>
                                         <div class="g-comments" data-href="http://khatvongsong.vn/{xen:link threads, $thread}" data-num-posts="10" data-width="100%" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD"></div>
                  </div>
           
           
                <div class="tabDisqus">
                    <div id="disqus_thread"></div>
                    
                </div>
           
        </div>
    </div>
   
   
        </xen:if>

B2: vào template EXTRA.css
Thêm css này vào:

Mã:

/*Responsive FB*/
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
width: 100% !important;
}
/* --- BRAIOSC_style.css --- */
        div[id^='___comments_'], div[id^='___comments_'] iframe {
            width: 100% !important;
        }

.commentTabs{
    max-width:100%;
    margin:0 auto;
    position:relative;
    clear: both;
    padding-top:0px;
}
.commentTabs h3 {
    font-size:15px;
    background: #C0392B;
    color: #fff;padding: 0 20px;
    margin: 0 -24px;
}
.commentTabs input{
    position:absolute;
    top:0;
    left:0;
    display:none;
}
.commentTabs 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;
}
.commentTabs label:after{
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:5px;
    background:#fff;
    left:0;
    bottom:-5px;
}
.clear-shadow{
    clear:both;
}
.contentTab{
    position:relative;
    width:100%;
    border-top: 1px solid #DDD;
    padding-top: 10px;
    margin-top:-1px;
}
.contentTab>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;
}

.commentTabs input:checked + label{background: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yf/r/PfBgtiydy5U.gif) no-repeat bottom center;z-index:1}
.commentTabs input.tabSelectorFacebook:checked ~ .contentTab .tabFacebook,
.commentTabs input.tabSelectorGoogle:checked ~ .contentTab .tabGoogle,
.commentTabs input.tabSelectorDisqus:checked ~ .contentTab .tabDisqus{
opacity:1;display:block;
}

/* --- BRATR_rating.css --- */

Lưu ý: nhớ đổi tên domain: khatvongsong.vn thành tên miền bạn

MacKen · 29/12/2015

Chú ý: Muốn quản lý bình luận facebook bạn cần thêm ID người quản lý vào thì mới quản lý được nhé!
nếu bạn không có app facebook thì vào :

Template: PAGE_CONTAINER

thêm code sau trên </head>

<meta property="fb:admins" content="ID"/>

<<Nếu có rồi thì khỏi chèn

Bạn có thể vào địa chỉ sau để quản lý bình luận facebook :
https://developers.facebook.com/tools/comments

MacKen · 29/12/2015

Anh demo nhe

Coolboyhn · 29/12/2015

1.0.3 nó vẫn chạy tốt chẳng lỗi lầm gì hết, cách của thớt áp dụng cả với các code khác cũng tương tự phải ko nhỉ, để thử xem sao

MacKen · 29/12/2015

Minh kết hợp lại bạn theo kiểu của mình

MacKen · 29/12/2015

FIX::: LÀM LẠI BƯỚC B1 nhé:

B1:vào template: message
Tìm :

<xen:include template="ad_message_below" />

Thêm đoạn này ở dưới:

Mã:

<xen:if is="{$post.position} == 0 AND !{$message.conversation_id}">


        <div class="commentTabs comment">

            <input id="tabFacebook" type="radio" name="radio-set" class="tabSelectorFacebook" checked="checked">
            <label for="tabFacebook" class="tabLabelFacebook">Facebook</label>


            <input id="tabGoogle" type="radio" name="radio-set" class="tabSelectorGoogle">
            <label for="tabGoogle" class="tabLabelGoogle">Google +</label>


            <input id="tabDisqus" type="radio" name="radio-set" class="tabSelectorDisqus">
            <label for="tabDisqus" class="tabLabelDisqus">Disqus</label>

        <div class="clear-shadow"></div>
 
        <div class="contentTab">
    
                <div class="tabFacebook">
                     
                    <div class="fb-comments"
                        data-href="{$contentLink}"
                        data-width="{$facebook.width}"
                        data-numposts="{$facebook.num_posts}"
                        data-colorscheme="{$facebook.scheme}">
                    </div>
               </div>
    
    
                <div class="tabGoogle">
                     
<script src="https://apis.google.com/js/plusone.js"></script>
<div class="g-comments"
data-href="{$contentLink}"
data-first_party_property="BLOGGER"
data-view_type="FILTERED_POSTMOD">
</div>
                  </div>
    
    
                <div class="tabDisqus">
                
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = '{$disqus.short_name}'; // required: replace example with your forum shortname
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
             
                </div>
    
        </div>
    </div>


        </xen:if>

MacKen · 07/01/2016

FIX B1:

Mã:

<xen:if is="{$post.position} == 0 AND !{$message.conversation_id}">


        <div class="commentTabs comment">

            <input id="tabFacebook" type="radio" name="radio-set" class="tabSelectorFacebook" checked="checked">
            <label for="tabFacebook" class="tabLabelFacebook">Facebook</label>


            <input id="tabGoogle" type="radio" name="radio-set" class="tabSelectorGoogle">
            <label for="tabGoogle" class="tabLabelGoogle">Google +</label>


            <input id="tabDisqus" type="radio" name="radio-set" class="tabSelectorDisqus">
            <label for="tabDisqus" class="tabLabelDisqus">Disqus</label>

        <div class="clear-shadow"></div>
        <div class="contentTab">
  
                <div class="tabFacebook">
                   
                    <div class="fb-comments"
                       data-href="http://khatvongsong.vn/{xen:link threads, $thread}"
                        data-width="100%"
                        data-numposts="5"
                        data-colorscheme="light">
                    </div>
               </div>
  
  
                <div class="tabGoogle">
                   
                       <script src="https://apis.google.com/js/plusone.js"></script>
                       <div class="g-comments"
                                                data-href="http://khatvongsong.vn/{xen:link threads, $thread}"
                                                data-first_party_property="BLOGGER"
                                                data-view_type="FILTERED_POSTMOD">
                        </div>
                  </div>
  
  
                <div class="tabDisqus">
              
                        <div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = ''; // required: replace example with your forum shortname
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<!--<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>-->
           
                </div>
  
        </div>
    </div>


        </xen:if>

Lưu ý: phần tab disqus có đoạn::::

var disqus_shortname = '';

Thay tên đăng ký disqus của bạn vào : vidu: var disqus_shortname = 'kvs';

Nhớ đổi tên domain : http://khatvongsong.vn thành tên miền của bạn nhé

Coolboyhn · 07/01/2016

C

MacKen nói:

FIX B1:

Mã:

<xen:if is="{$post.position} == 0 AND !{$message.conversation_id}">


        <div class="commentTabs comment">

            <input id="tabFacebook" type="radio" name="radio-set" class="tabSelectorFacebook" checked="checked">
            <label for="tabFacebook" class="tabLabelFacebook">Facebook</label>


            <input id="tabGoogle" type="radio" name="radio-set" class="tabSelectorGoogle">
            <label for="tabGoogle" class="tabLabelGoogle">Google +</label>


            <input id="tabDisqus" type="radio" name="radio-set" class="tabSelectorDisqus">
            <label for="tabDisqus" class="tabLabelDisqus">Disqus</label>

        <div class="clear-shadow"></div>
        <div class="contentTab">
 
                <div class="tabFacebook">
                  
                    <div class="fb-comments"
                       data-href="http://khatvongsong.vn/{xen:link threads, $thread}"
                        data-width="100%"
                        data-numposts="5"
                        data-colorscheme="light">
                    </div>
               </div>
 
 
                <div class="tabGoogle">
                  
                       <script src="https://apis.google.com/js/plusone.js"></script>
                       <div class="g-comments"
                                                data-href="http://khatvongsong.vn/{xen:link threads, $thread}"
                                                data-first_party_property="BLOGGER"
                                                data-view_type="FILTERED_POSTMOD">
                        </div>
                  </div>
 
 
                <div class="tabDisqus">
             
                        <div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = ''; // required: replace example with your forum shortname
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<!--<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>-->
          
                </div>
 
        </div>
    </div>


        </xen:if>

Lưu ý: phần tab disqus có đoạn::::

Thay tên đăng ký disqus của bạn vào : vidu: var disqus_shortname = 'kvs';

Nhớ đổi tên domain : http://khatvongsong.vn thành tên miền của bạn nhé

cái phiên bản mới cậu đính kèm kia vẫn xài ngon mà, tớ mới cập nhật thấy vẫn chạy ok

Coolboyhn · 07/01/2016

Cám ơn thớt, quất sang wordpress cũng ok
http://hanamtv.com/hi-tech/huong-dan-root-dien-thoai-android-khong-bi-mat-bao-hanh-bang-iroot.html

MacKen · 08/01/2016

Cách của mình đỡ insert table >>> nhiều bạn ko cài addon bấm insert table lỗi admin cpanel không vào được nên mình làm cách này hơn.

http://khatvongsong.vn << mình ko thêm vào bỡi vì có nguyên nhân

Người đăng	Chủ đề tương tự	Diễn đàn	Trả lời	Ngày đăng
H	Hướng dẫn Mong mấy anh có kinh nghiệm giúp em.	Add-ons Xenforo	6	19/05/2019
B	Request Bị lỗi như vậy không cài được gì . mong được giúp	Add-ons Xenforo	4	17/11/2017
	Addon Resource Wishlist - Danh sách tài nguyên mong muốn	Add-ons Xenforo	0	24/06/2017
D	Addon LỖI GHIM BÀI VIẾT_MONG MN GIÚP ĐỠ!!!	Add-ons Xenforo	6	16/12/2016
	Hướng dẫn mong mọi người giúp đỡ về getlink nhạc zippyshara ạ	Add-ons Xenforo	1	12/12/2016

XenForo 1	XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Mong chia sẽ:: Brivium - AIO Social Comments 2.4.2

MacKen

Sergeant

MacKen

Sergeant

MacKen

Sergeant

Đính kèm

Coolboyhn

MasterCorporal

MacKen

Sergeant

MacKen

Sergeant

MacKen

Sergeant

Coolboyhn

MasterCorporal

Coolboyhn

MasterCorporal

MacKen

Sergeant

Chủ đề tương tự

Hướng dẫn sử dụng

Dịch vụ XenForo của VNXF

Xử lý sự cố (Troubleshooting)

Texlink

Nhà Tài Trợ

Thông tin chung

LIÊN KẾT

LIÊN KẾT

LIÊN KẾT