Xin hướng dẫn gộp 2 kiểu comment

Xin hướng dẫn gộp 2 kiểu comment lại với nhau.

 

Đây là ảnh mình xem của 1 trang web khác.

 

http://prntscr.com/bpu4l1

 

Mong các bác giúp em với

 

Thử phát xem sao nha (New):

B1: Mở file: detail.tpl (.../theme/default/module/news/)

tìm đến đoạn:

​
<!-- BEGIN: comment -->
......
......
<!-- END: comment -->

​

thêm toàn bộ code sau vào trong nó:

<div class="news_column panel panel-default">
	<div class="panel-body">
    <link type="text/css" rel="stylesheet" href="/themes/default/css/tabs.css"/>
    <ul class="tabs_widget_left tabs_left">
	<li class="tabs">
		<a href="#tabs-1">Hỏi đáp</a>
	</li>
	<li class="tabs">
		<a href="#tabs-2">Góp ý</a>
	</li>
</ul>
<div id="tabs-1" class="tabs_left_conten">
	{CONTENT_COMMENT}
</div>

<div id="tabs-2" class="tabs_left_conten">
	<div class="fb-comments" data-href="https://www.facebook.com/nttart" data-colorscheme="light" data-numposts="5" data-width="870"></div>
</div>
<script type="text/javascript">
        jQuery(document).ready(function($){
            $(".tabs_left_conten").hide();
            $("ul.tabs_left li:first a").addClass("tabs_left_current").show();
            $(".tabs_left_conten:first").show();
            $("ul.tabs_left a").click(function() {
            	$("ul.tabs_left a").removeClass("tabs_left_current a"); 
            	$(this).addClass("tabs_left_current"); 
            	$(".tabs_left_conten").hide(); 
            	    var activeTab = $(this).attr("href"); 
            	$(activeTab).fadeIn();
            		return false;
            	});
        });
	</script>
    </div>
</div>

Tìm và sửa link face của bạn: 

data-href="https://www.facebook.com/nttart"

Tải file tabs.css coppy vào đúng thư mục của nó:

 

 

 

Sao không up được file hoặc link à ta?

 

 

 

Cảm ơn bác nhé!