Cách Gắn Like Box Fanpage Facebook Lên Blogspot Và Website

Posted by Trường Quốc on 9:55 PM
Chỉ một vài thao tác đơn giản bạn có thể tạo được Like Box Fanpage cuả Facebook lên BlogSpot một cách nhanh chóng mà không cần biết về Code. Facebook đã cung cấp cho chúng ta ứng dụng để gắn Fanpage lên trang web.

LÀM THẾ NÀO ĐỂ THÊM FANPAGE TRONG BLOGSPOT

Bước 1: Truy cập ứng dụng Developer của Facebook tại đây.
Bước 2: Điền vào ô trống yêu theo yêu cầu.
  • Facebook Page URL
  • Width
  • Height
  • Color Scheme
  • Show Friends' Faces
  • Show Header
  • Show Posts
  • Show Border
Cach gan Like Box Fanpage Facebook len Blogger

Bước 3: Lấy Code bằng cách nhấn vào nút Get code bên dưới.

Làm thế nào để gắn Fanpage Facebook lên website

Sau khi nhấn Get Code Facebook sẽ cung cấp cho bạn 2 đoạn mã như hình ảnh bên dưới.

Cách gắn Like Box vào Blogger

Bước 4: Gắn Code vào HTML và Bố cục
Trong một số template đoạn Code đầu tiên bạn gắn vào nó sẽ bị lỗi, do không hiểu định dạng, do đó bạn có thể sử dụng đoạn Code mình đã chuyển sẵn cho các bạn:

<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&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Copy đoạn Code này vào Mẫu > Chỉnh sửa HTML, gắn nó bên dưới thẻ <body>Lưu mẫu.

Cách thêm Like Box vào Blogger

Sau đó vào Bố cục > Thêm tiện ích để thêm đoạn Code thứ hai vào vị trị Fanpage Facebook nơi mà bạn muốn, thường là Side Bar.

<div class="fb-like-box" data-href="https://www.facebook.com/DGMVietnam" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

Đây là đoạn Code bạn cần gắn trong Bố cục, nhiên bạn cần phải đổi Url Fanpage DGMVietnam bằng Url Fanpage của bạn

Thêm Fanpage Facebook lên BlogSpot
Với 5 bước trên bạn dã có thể gắn một Like Box Fanpage của Facebook lên Blogger hoặc website của mình mà không cần phải hiểu gì về Code, chỉ cần Cope và Paste thôi, chúc các bạn thành công.

Nguồn: khoahocseo.vn
Tăng doanh số với KHÓA HỌC SEO 
Categories: