» » Cách tạo tab phần nhận xét cho blogspot

Cách tạo tab phần nhận xét cho blogspot - Comment dạng tab

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 = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</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/seovnpro/Tabcomment.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 :




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 == &quot;item&quot;'>
<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 + &quot;_backlinks-container&quot;'>
<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>




Cách tạo tab phần nhận xét cho blogspot

Cách tạo tab phần nhận xét cho blogspot

Bạn đang xem Cách tạo tab phần nhận xét cho blogspot tại Blog Bít Tuốt Đừng quên nhấn LIKE Chia Sẻ để ủng hộ Bít Tuốt Blog nếu bài viết có ích !
Like Bít Tuốt Blog trên Facebook để ủng hộ mình nhé

«
Next
Newer Post
»
Previous
Older Post

7 comments:

  1. Tạo rồi nhưng cmt lại không hiển thị là sao bạn .. nó chỉ ghi là có 1 nhận xét và k thấy gì cả hic hic help
    Y! phantomfay giúp mình đi

    ReplyDelete
  2. Giúp mình đi chủ píc ơi .. Hic hic mình quên lưu temp lại nên giờ mún sửa cũng k được

    ReplyDelete
    Replies
    1. Bạn ơi bạn thao tác lại từ đầu nhé mình đã fix lại lỗi và test thành công rồi. Chúc bạn thành công

      Delete
  3. Mình làm vẫn chưa thành công,không biết từ chỗ nào nữa

    ReplyDelete
    Replies
    1. mình cũng làm mãi mà không được giúp mình với

      Delete
  4. Mình làm mà vẫn không được giúp mình vơi nha

    ReplyDelete
  5. Bạn ah, cám ơn bạn nhé, mình làm thành công rồi, nhưng bạn chỉ giúp mình, mình muốn thay hotmail thành gmail thì sửa như thế nào. Cám ơn bạn nhiều nhé. Địa chỉ email: hongnhungez@gmail.com

    ReplyDelete