Thêm Bình Luận Facebook Vào Blogspot

Hiện là mạng xã hội toàn cầu lớn nhất hiện nay, có thể nói là nhà nhà Facebook, người người Facebook, chính vì vậy việc thêm bình luận (comment) của Facebook cho blogspot là rất cần thiết, vừa tạo được nơi bình luận, chém gió cho mọi người, vừa dễ đưa bài viết tới người đọc bởi hiệu ứng lan truyền của nó. Hôm nay, Gocblog xin hướng dẫn cả nhà cách thêm khung chat, comment của Facebook cho từng bài viết vào blogspot.

Cách thêm khung bình luận của Facebook vào blogger/blogspot

Khung chat của Facebook cho blogspot

Bước 1: Đăng nhập vào trang quản trị blog.

Vào "Mẫu" chọn "Chỉnh sửa HTML"

Cách thêm bình luận facebook vào blogspot

Bước 2: Ấn tổ hợp phím Ctrl F, tìm </head>

Chèn đoạn code dưới đây vào trước 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="8" data-width="766"></div>';
//]]>
</script>

Lưu ý: Các bạn có thể thay tùy ý các thông số dưới đây

data-num-posts="8": Số bình luận được phép hiển thị, nếu nhiều hơn thì tự động gộp lại.
data-width="766px": Chiều rộng của khung bình luận Facebook.

Bước 3: Ấn tổ hợp phím Ctrl F, tìm </body>
Chèn đoạn code bên dưới và trước thẻ "</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/vi_VN/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Chèn khung comment facebook vào nơi bạn muốn hiển thị trong blog

Bước 4: Copy đoạn code bên dưới

<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>

Thông thường ta sẽ chèn nó vào cuối bài viết. Các bạn Ctrl F, tìm dòng <b:include data='post' name='post'/>
Copy và dán đoạn code bên trên vào phía dưới dòng vừa tìm được.

Lưu ý: Một số mẫu template (giao diện) có nhiều hơn một dòng <b:include data='post' name='post'/>, các bạn chọn dòng đầu tiên tìm được nha, sau đó lưu lại, nếu thấy không được thì ta chọn dòng khác :D

Bước 5: Save và xem thành quả

Nguồn: cuocsongmuonmau.info

Unknown

Add Comment

Thủ-Thuật-Blogger

Wednesday, December 24, 2014

About Admin

Mang thế giới Template Blogger đến với bạn 1 cách hoàn thiện nhất. Chúng tôi chuyên sưu tầm template blogspot trên nguồn internet

Tạo Button Download đẹp từ CSS3 cho blogspot Tạo Button Download đẹp từ CSS3 cho blogspot Thủ thuật này sẽ giúp bạn tạo một nút download đẹp
Code Popup quảng cáo cho blogspot Code Popup quảng cáo cho blogspot Các bạn Sửa link http://gocbloc.blogspot.com/ thành đườ
[Tips] - 3 thủ thuật SEO cho hình ảnh & liên kết Blogpsot mà bạn chưa biếtSEO chính là nguồn sống của tất cả mọi website, bất cứ website nào cũng cần SEO để tìm kiếm traffic
Hướng dẫn SEO Off-Page cho webSEO Offpage là gì ?Seo Off page là phương pháp SEO dựa trên việc sử dụng các yếu tố bên ngoài

Cách thêm khung bình luận của Facebook vào blogger/blogspot

Chèn khung comment facebook vào nơi bạn muốn hiển thị trong blog

About Admin

Related Posts