5/3/17

Hướng dẫn thêm bình luận Facebook vào bài viết trên blogspot

Đăng bởi Admin | 5/3/17 | 1 nhận xét
Thêm bình luận/comment Facebook vào Blogspot là cách nhanh nhất để kết nối trang Blogger của bạn với cộng đồng mạng xã hội thịnh hành nhất hiện nay. Nó sẽ tạo hiệu ứng lan truyền nội dung bài viết của trang Blogspot/Blogger của bạn rất nhanh đến những người khác trên Facebook.  Chính vì vậy hôm nay mình sẽ hướng dẫn thêm bình luận (comment) Facebook vào bài viết cho Blogspot của bạn.


Cách chèn comment Facebook vào bài viết của Blogger


Đầu tiên, bạn vào trang chủ của Blogger blogger.com/home chọn trang Blogspot mà bạn muốn thêm bình luận Facebook vào bài viết.

Truy cập vào trang quản trị blog đó ---> Mẫu ---> Chỉnh sửa HTML



Đặt con trỏ soạn thảo trong phần code, bấm Ctrl F để tìm </head>



Copy đoạn code dưới đây và Paste (dán) vào phía 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="30" data-width="640"></div>';
//]]>
</script>

 Các thông số:
  • data-num-posts="30": Số bình luận (comment) Facebook hiển thị ở bài viết của Blogspot.
  • data-width="640px": chiều rộng của khung bình luận.

Tiếp theo, ban bấm Ctrl F để tìm thẻ </body>

Copy đoạn code dưới đây và Paste (dán) vào phía trên 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>


Đặt khung comment (bình luận) Facebook trong bài viết Blogspot/Blogger. 


Thông thường, các comment (bình luận) Facebook sẽ nằm ở cuối mỗi bài viết. 

Bạn làm như sau:

Bấm Ctrl F để tìm <b:include data='post' name='post'/>

Copy đoạn code dưới đây và Paste (dán) vào phía dưới dòng  <b:include data='post' name='post'/>

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

 Bấm Lưu mẫu để hoàn tất

Bấm Xem blog ---> vào bài viết bất kỳ của bạn để xem thành quả ^^

Chú ý: Một số mẫu giao diện template Blogspot/Blogger sẽ có nhiều dòng <b:include data='post' name='post'/>, bạn chọn dòng đầu tiên tìm được để thực hiện. Sau đó lưu lại xem kết quả. Nếu thấy không được thì ta chọn dòng khác, đến khi nào được thì thôi ^.^

Nếu ban có thắc mắc gì thì hãy comment phía dưới,hoặc để lai thông tin trong phần Liên hệ nhé.

Chúc bạn thành công!

Nếu bạn thấy nội dung này hữu ích thì bấm G+ phía bên dưới bài viết nhé!

Have nice day!

Nguồn: Internet

1 nhận xét:

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

Support : Trick Blogspot | Ghost win | Website Design | Seo Trick | Ghost win | Software Free | Site Map | Back Link | Contact Advertising | ↑ back to top
Ghi rõ nguồn thuthuatvitinhaz.blogspot.com dưới dạng liên kết khi phát hành lại thông tin từ trang này
Copyright © 2013. Thủ thuật Số - All Rights Reserved
Design by Ngân Giang
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Template by Dameva