Chèn Facebook Page Plugin vào blog

Theo một số thông tin thì Facebook dừng hoạt động của Facebook Like Box và thay thế vào đó là tiện ích Facebook Page Plugin mà mình sẽ giới thiệu với các bạn trong bài này.

Nhìn chung thì tiện ích Facebook Page Plugin mới có một vài điểm khác so với cái cũ, cụ thể là: Hiện thị ảnh bìa và ảnh đại diện của trang; có thêm nút Share; hiện thị status của trang;
Nó vẫn giữ lại một số điểm của cái cũ là hiện người like, và tất nhiên là phải có nút like.
Trên là một vài so sánh giữa cái cũ với cái mới, bây giờ chúng ta cùng tiến hành chèn nó vào blog.

#Chèn Facebook Page Plugin

1. Đăng nhập Blogger
2. Mẫu > Chỉnh sửa HTML
3. Tìm thẻ <body> hoặc <body expr:class='"loading" + data:blog.mobileClass'>
4. Dán code dưới vào

<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/vi_VN/all.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

5. Lưu mẫu lại. Nếu Blog của bạn đã có đoạn script trên rồi thì không cần thêm vào nữa.
6. Bố cục > Thêm tiện ích > HTML/Javascript
7. Dán code dưới vào

<div class="fb-page" data-href="https://www.facebook.com/khanh98.blogspot.com" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>

Lưu ý:

Thay https://www.facebook.com/khanh98.blogspot.com thành URL tới FanPage của bạn
data-hide-cover="false" là hiện thị ảnh bìa của trang, nếu không muốn hiện thị thì hãy thay false tành true
data-show-facepile="true" là hiện thị ảnh đại diện của những người like trang của bạn, nếu không thích thì thay true thành false
data-show-posts="false" là hiện thị những status của Fanpage, nếu muốn hiện thay false thành true

8. Lưu lại, như vậy là bạn đã hoàn thành các bước để thêm Facebook Page Plugin vào bloc của mình - rất đơn giản phải không nào.

Khanh blog

Search This Blog

Chèn Facebook Page Plugin vào blog

#Chèn Facebook Page Plugin

Comments

Post a Comment