Hướng dẫn cài đặt comment Facebook vào Blogspot

Tùy từng trường hợp, từng thể loại blogspot mà có thể lựa chọn hình thức comment của Facebook hay của Blogspot, cài đặt comment của facebook thì sẽ giúp bạn tăng lưu lượng truy cập cho blog của bạn tức thì nhưng cài đặt comment của blogspot thì sẽ tốt về lâu dài, và làm tăng thứ hạng site của bạn (mình nhận thấy vậy)
cài đặt comment Facebook vào Blogspot
Demo

Cách làm:
 Bước 1: Ẩn chức năng Nhận xét của Blogspot:
Đăng nhập Blog => Cài đặt => Bài đăng và Nhận xét => Vị trí nhận xét => Ẩn
cài đặt comment Facebook vào Blogspot

 Save cài đặt lại.

Bước 2 : Vào Mẫu => Chỉnh sửa HTML => Nhấn Ctrl+F (nội tuyến) => Tìm  </head>
Chèn đoạn code sau vào trên thẻ </head> <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>
- data-width là độ rộng của comment box.
- data-num-posts="5" là số comment được hiển thị (cũng chính là số bài reply trên 1 comment)
- data-href là để phân biệt từng comment box, mỗi địa chỉ data-href khác nhau sẽ cho 1 comment box khác nhau. và trong thủ thuật này data-href chính là link của mỗi bài viết.
Tương tự tìm </body> và chèn đ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>
Tương tự tìm <b:include data='post' name='post'/> và chèn đoạn code sau vào trước <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Save template.
Chúc các bạn thành công.
Xem Thêm :
Share this product :

+ nhận xét + 11 nhận xét

lúc 20:49 16 tháng 7, 2013

bạn ơi sao mình làm như vậy mà ko được nhỉ
blog của mình http://chungcuvp5linhdamhn.blogspot.com/
bạn giúp mình được không
Thank

lúc 21:09 16 tháng 7, 2013

bạn chèn sai đoạn code cuối cùng rồi

lúc 21:18 16 tháng 7, 2013

Loại cmt này có quản lý đc không anh , ko cứ để cmt linh tinh ak

lúc 06:20 19 tháng 7, 2013

anh ơi, em add nhưng mà nó nhảy lên trên blog @@

lúc 06:30 19 tháng 7, 2013

ng ta làm hiện mà, blog của bạn là gì

lúc 19:10 3 tháng 8, 2013

chả thấy cái head đâu cả >"<

lúc 22:44 3 tháng 8, 2013

@@ trong chỉnh sửa HTMl

Anonymous
lúc 06:08 6 tháng 8, 2013

Hix, nó hiện comment ở trên đầu, làm sao cho nó hiện ở dưới vậy

lúc 06:54 6 tháng 8, 2013

đặt sai rồi, cho dưới cái data.body ấy

lúc 01:10 16 tháng 8, 2013

bạn chèn sai chỗ rồi

lúc 19:34 18 tháng 8, 2013

:v thấy rồi, tại mình quên ko search nội tuyến html. Nhưng mà, không chỉnh được màu à bạn, nó cứ đen xì, cũng màu blog của mình nên chả thấy dòng cmt đâu cả @@

Đăng nhận xét


Địa chỉ: Số 12A, lô HH04, Khu Đô Thị Việt Hưng, Long Biên, HN
Hotline: 0988 227 905 - Email: nguyenhuytap@gmail.com
Copyright © 2013. Share123.vn - Kho giao diện web đẹp - All Rights Reserved
Proudly powered by Share123.vn