Home Tài hoa trẻ - Tổng hợp kiến thức nhân loại » Thủ thuật Facebook » Hướng dẫn 3 bước chèn Facebook comment vào Blogger

Hướng dẫn 3 bước chèn Facebook comment vào Blogger

Thứ Ba, 5 tháng 1, 2016
Blogger là một nền tảng Blog rất phổ biến vì nó có khả năng tuỳ biến mạnh mẽ và hoàn toàn miễn phí. Với Blogger bạn hoàn toàn có thể làm 1 trang tin tức, bán hàng,…..chuyên nghiệp không thua kém bất kỳ Website nào.

Và đi theo đó là sự phổ biến của Facebook nên việc chèn Facebook Comment vào Blogger là một điều hết sức hay ho và tiện lợi cho Blog của bạn,  tăng được lượt xem cũng như chia sẻ khi thành viên bình luận.
 chen Facebook comment vao Blogger


Sau khi chèn Facebook comment vào Blogger thành công

Ưu điểm của việc sử dụng hệ thống Facebook Comment
  1. Khi người ta comment thi cũng đồng thời gián tiếp chia sẻ lên mạng Facebook cho bạn.
  2. Người dùng dễ dàng comment mà không cần quan tâm việc phải đăng ký.
  3. Dễ tương tác, khuyến khích họ kích nút like cho bạn.
  4. Khi có người comment thì thông báo trên facebook cũng sẽ hiện ra để bạn theo dõi.
  5. Không phải lo SPam tràn lan vào Web.
  6. Không ưa comment nào có thể cho ra đảo thẳng tay.
  7. Có thể có nhiều quản trị cùng quản lý.
  • Thế nhưng, nó cũng có một chút các nhược điểm sau mà bạn cũng nên lưu ý khi dùng:
  1. Mục quảng lý comment hơi chuối.
  2. Xui xui bị chặn ở Việt Nam cũng là một vấn nạn.
  3. Kiểm soát không chặt có thể bị Spammer lộng hành

So ra thì ưu vẫn nhiều hơn khuyết đúng không mọi người

Vậy thì chèn Facebook comment vào Blogger ngay và luôn đi chứ còn chờ gì nữa

Xem Video



3 Bước hướng dẫn sau sẽ giúp bạn thực hiện


Bước 1: Lấy App ID Facebook


Đầu tiên chúng ta cần có một App ID để làm việc. Và để làm thì mời bạn qua xem bài viết 3 bước để lấy App ID Facebook.

Bước 2: Lấy code để chèn Facebook Comment vào Blogger


Bạn truy cập vào trang https://developers.facebook.com/docs/plugins/comments. Sau đó nhấn luôn Get Code khỏi phải nhìn cái tuỳ chỉnh làm gì, cứ để mặc định cho lành.


chen Facebook comment vao Blogger
Mục cấu hình của Facebook comemnt, tuy nhiên kệ nó đi nha bạn.


Vậy là xong phần lấy code. Trang lấy code bạn cứ để đó nha. Đừng tắt đi đấy

Bước 3. Chèn Facebook Comment vào Blogger

Bây giờ, vào lại trang quản trị của Blogger. Vào mục Mẫu > Chỉnh sửa HTML.


chen Facebook comment vao Blogger
chèn facebook comment vào blogger


Vào trong trang chỉnh sửa, bạn add đoạn code sau vào sau thẻ <head>

1
2
<meta content='APP_ID' property='fb:app_id'/>
<meta content='USER_ID' property='fb:admins'/>
Trong đó App_ID là bạn lấy từ bên bài hướng dẫn lấy APP ID phía trên add vào.
CÒn User_ID là chuỗi số cuối cùng khi bạn click vào hình ảnh nào đó.

Ví dụ
1
https://www.facebook.com/photo.php?fbid=7567567567567&amp;amp;amp;set=a.56345345345345.4545.15249358794936985;type=1
Thì chuỗi số nằm sau dấu chấm cuối cùng là User_ID của bạn. Ở đây là: 15249358794936985


chen Facebook comment vao Blogger 
Chèn thẻ Meta vào tag Head


Tiếp theo, bạn tìm thẻ </body> và chèn đoạn code sau bên trên nó




?
1
2
3
4
5
6
7
8
<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/vi_VN/sdk.js#xfbml=1&amp;appId=1730902063811105&amp;version=v2.5&quot;;
 fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
Các bạn chú ý mục Version=v2.5 nha. App của bạn Version mấy thì sửa lại nhé.


chen Facebook comment vao Blogger 
Chèn SKD của Facebook vào Blogger


Cuối cùng là phần khó nhằn nhất hãy tìm đoạn code sau <b:include data=’post’ name=’post’/> và chèn đoạn code này ngay phía dưới nó.
?
1
2
3
<div><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='5' data-width='750px' expr:data-href='data:blog.canonicalUrl'/>
</b:if></div>




chen Facebook comment vao Blogger 
chèn facebook comment vào blogger


Ơ, thế thì có gì khó ở đây nhỉ *khonghieu* .

Cái khó ở đây chính là không phải theme nào bạn cũng search thấy cái đoạn <b:include data=’post’ name=’post’/> để chèn, mà phải mò đoạn code để chèn thử. Nếu xài các theme tuỳ biến cao thì hơi mất thời gian chút để tìm vị trí thích hợp.

Mẹo: Hãy dùng tính năng  Inspect Element (Kiểm tra phần tử) để tìm vị trí thích hợp chèn vào nha.

Ngoài ra, nếu bạn lười làm App_ID thì dùng 2 đoạn code sau để chèn nha.

Chèn code này vào trước thẻ </body> như trên
1
2
3
4
5
6
7
8
<div id="fb-root"></div>
<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/sdk.js#xfbml=1&amp;version=v2.3";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Và chèn code nay vào sau đoạn <b:include data=’post’ name=’post’/>

1
2
3
4
5
6
7
8
<b:if cond='data:blog.pageType == "item"'>
 &lt;div
class=&quot;fb-comments&quot;
data-href=&quot;<data:post.url/>&quot;
data-width=&quot;600&quot;
data-num-posts=&quot;100&quot;&gt;
 &lt;/div&gt;
 </b:if>

Với cách này thì bạn khó quản lý comment được như cách trên nha.

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









Chia sẻ bài viết ^^












Other post














All comments [ 0 ]



















Your comments