HomeCách tạo tab phần nhận xét cho blogspot - Khung Comment dạng tab
06:44 |![tabnhanxet_002[13]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFTotmBhxt6LwospyzUFSjxTfw-YeGBA1SvTJx2UFbjKOPQz29WB0IQORzpX9fzNXweFGVNxvvCGZkNtRvO2F-Cp3gvRJhChgLoQ53oHPWfIfQ7A4G0FKsBKMbNR91-RfHIHG0unx6U7I/?imgmax=800 "tabnhanxet_002[13]")
Cách tạo tab phần nhận xét cho blogspot - Comment dạng tab. Tạo tab nhận xét facebook cho blogspot.Tạo tab nhận xét Google cho blogspot.Hướng dẫn cách tạo tab phần nhận xét cho blogspot. Code tạo tab phần nhận xét cho blogspot. Cách tạo khung comment dưới dạng tab cho blogspot
Sau đây Bít Tuốt xin giới thiệu với các bạn 1 thủ thuật Blogspot khá hay đó là: Tạo tab phân nhận xét cho blogspot như sau - Khung Comment dạng tab cho blogspot
Bước 1: Đăng nhập vào blog ==> Chọn mẫu (template) ==> Chọn chỉnh sửa HTML
Lời khuyên: Các bạn nên down toàn bộ code về rồi dùng Notepad ++ để chỉnh sửa cho dễ ,nhớ sao lưu 1 bản để phòng bị lỗi code.
Cách tạo tab phần nhận xét cho blogspot - Khung Comment dạng tab
Bước 1: Đăng nhập => Mẫu => Chỉnh sửa HTML => Ctrl+F (Nội tuyến) => Tìm ]]></b:skin> Paste đoạn code sau vào trước ]]></b:skin>
.tabberlive{margin:0;
padding:5px;
clear:both;
background:#f8f8f8;
border:1px solid #DDD;
}
.tabbernav {margin:0;
padding: 3px 0;
border-bottom: 1px solid #ddd;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold; }
.tabbernav li {list-style:none;
margin:0;
display:inline;
}
.tabbernav li a {padding:3px 0.5em;
margin-right:1px;
border:1px solid #DDD;
border-bottom:none;
background:#6c6c6c;
text-decoration:none;
color:#ffffff;
}
.tabbernav li a:hover {color:#6c6c6c;
background:#ffffff;
border:1px solid #DDD;
text-decoration:none;
}
.tabbernav li.tabberactive a,
.tabbernav li.tabberactive a:hover {background:#ffffff;
color:#6c6c6c;
border-bottom: 1px solid #ffffff;
}
.tabberlive .tabbertab {padding:5px;
border:1px solid #DDD;
border-top:0;
background:#ffffff;
}
.tabberlive .tabbertab h2,
.tabberlive .tabbertabhide {display:none;
}
.tabbertab .widget-content ul{list-style:none;
margin:0 0 10px 0;
padding:0;
}
.tabbertab .widget-content li {border-bottom:1px solid #ddd;
margin:0 5px;
padding:2px 0 5px 0;
}
Bước 2: Mẫu => Chỉnh sửa HTML => Ctrl+F (Nội tuyến) => Tìm </body> Paste đoạn code sau vào trước </body>
<div id='fb-root'/><script>(function(d, s, id) {var js,
fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js
= d.createElement(s); js.id = id;
js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js,
fjs);
}(document, 'script',
'facebook-jssdk'));</script>
Bước 3: Mẫu => Chỉnh sửa HTML => Ctrl+F (Nội tuyến) => Tìm </head> Paste đoạn code sau vào trước </head>
<script src='https://sites.google.com/site/share123vn/Tabshare123vn.js' type='text/javascript'/><script
type='text/javascript'>//<![CDATA[var purl= location.href;
var
fb_href = purl.substring(0,purl.indexOf(".html")+5);var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="660"></div>';
//]]></script>
Bước 4 : Tìm đoạn code sau : <b:includable id='comments' var='post'>
Sử dụng notepad++ để xóa toàn bộ đoạn code:<b:includable id='comments' var='post'>.....</b:includable> như hình dưới đây :
![1a[4]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJN-whsnOpj99XWdk0ECDh_hf8eWtvIbrcrd7rrTOdjF_EGp6VYmDM8eZx3es9RHKD9boarvjZjQbCsaktY45qPSwrT1pRAdv_DNQdMfag5g0yTCReeMbKhl11IdkyBCEmfxHYEG-7Kpo/?imgmax=800 "1a[4]")
Rồi Thay toàn bộ đoạn code đó bằng code dưới đây:
<b:includable id='comments' var='post'>
<b:if cond='data:blog.pageType == "item"'><div
class="tabber">
<div class="tabbertab section"
id="tab1"><h2>Bình luận Facebook</h2>
<script
type='text/javascript'>document.write(fbcm);
</script>
</div>
<div
class="clear">
</div>
<div class="tabbertab section"
id="tab2"><h2 class="title">
Bình luận
Blogspot</h2>
<div class='comments' id='comments'>
<a
name='comments'/><h4><data:post.commentLabelFull/>:</h4>
<div
class='comments-content'>
<b:if cond='data:post.embedCommentForm'><b:include data='post' name='threaded_comment_js'/></b:if><div
id='comment-holder'><data:post.commentHtml/>
</div>
</div>
<p
class='comment-footer'>
<b:if cond='data:post.allowNewComments'><b:include data='post' name='threaded-comment-form'/><b:else/><data:post.noNewCommentsText/>
</b:if></p><b:if cond='data:showCmtPopup'><div id='comment-popup'><iframe
allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'></iframe>
</div>
</b:if><div
id='backlinks-container'><div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'><b:include data='post' name='backlinks'/></b:if></div>
</div>
</div>
</div>
<div
class="clear">
</div>
</div>
<div
class="clear">
</div>
</b:if></b:includable>
Previous Article
