Thêm Facebook Activity Feed Plugin cho Blogger
Facebook Activity Feed là một plugin của mạng xã hội facebook dành cho các blog và website nhằm tăng sự tương tác giữa người dùng facebook với các blogger/website. Tiện ích này rất tốt trong việc tăng lưu lượng  truy cập cho blog/web của bạn với hơn 1 tỷ người dùng đăng ký của Facebook. Plugin này hiển thị các bài viết và khuyến cáo những bài viết mới được yêu thích bởi những người bạn của khách truy cập trang web của bạn. Vì vậy, nó được xây dựng để thu hút độc giả để truy cập vào trang web của bạn để tìm hiểu những gì bạn bè của họ thích. Nếu bạn đang sử dụng Facebook recommendations bar trong blog của bạn thì bạn sẽ cảm thấy hài lòng khi biết rằng plugin này cũng hiển thị các bài viết khuyến nghị cùng với các lượt like gần đây dựa trên các hoạt động xã hội được thực hiện trên các trang bài viết trong blog của bạn.

Xem Demo bên dưới hoặc ảnh minh họa bên cạnh:

VIEW DEMO

Để thêm nó vào blog blogger của bạn chỉ cần vài bước đơn giản.

» Thêm plugin Facebook Activity Feed cho blogger.

1- Đăng nhập vào Blogger.
2- Chọn mẫu (Template).
3- Sao lưu mẫu của bạn để đề phòng sảy ra lỗi khi áp dụng thủ thuật này.
4- Nhấp chọn vào Chỉnh sửa HTML (Edit HTML).
- Nếu blog bạn đã cài plugin Facebook recommendations bar thì bạn có thể bỏ qua bước này và tiến hành bước #5.
- Tìm đoạn code sau:
<body>
hoặc:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

- Thêm vào sau đoạn code vừa tìm được mã sau:
<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/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
- Lưu mẫu lại

5- Quay trở lại Blogger => Vào phần bố cục (layout).
6- Bấm chọn thêm tiện ích (add Widget) => Tạo một tiện ích HTML/Javascript và dán code bên dưới vào.
<div class="fb-activity" data-site="http://namkna.blogspot.com" data-width="300" data-height="450" data-border-color="#ffffff" data-header="false" data-recommendations="true"></div>
Tùy chỉnh đoạn code:
  • Thay thế http://namkna.blogspot.com thành URL trang web của bạn.
  • Namkna đã thiết lập chiều rộng 300 pixel (300) và chiều cao là 450 pixel (450) . Điều chỉnh chúng sao cho phù hợp với bố cục blog của bạn chỉ. Tăng chiều cao nếu bạn muốn hiển thị nhiều bài viết bên trong plugin.
  • Để ẩn các đường viền màu xanh trên plugin, tôi đã thiết lập đường viền sang màu trắng. Nếu sidebar của bạn có nền màu khác nhau, hãy điều chỉnh màu nền bằng cách chỉnh sửa: #ffffff
  • Mẹo: Sử dụng công cụ lấy mã màu của namkna tại đây.
  • Bạn bè thích xuất hiện ở trên và bài viết khuyến nghị xuất hiện phía dưới như các chức danh in đậm. Nếu trong trường hợp bạn không muốn các plugin để hiển thị những bài viết khuyến nghị thì bạn có thể tắt  bằng cách thay thế true thành false.
  • Để hiển thị tiêu đề của box bạn sửa data-header="false" thành data-header="true".

7. Lưu widget lại!

- Quay trở lại blog của bạn để xem nó hoạt động thế nào nha.

¤ Cần giúp đỡ?

Thêm widget khá dễ dàng, nhưng nếu bạn vẫn còn gặp phải bất kỳ khó khăn nào trong khi áp dụng chỉ cần gửi thắc mắc của bạn ở phần comment cuối bài viết này và namkna sẽ trả lời.

Các widget cũng có thể được điều khiển thông qua tài khoản Facebook của bạn bằng cách thêm một ID ứng dụng bên trong các mã JavaScript. nhưng chúng ta nên tránh làm những điều phức tạp.

Namkna hy vọng plugin này sẽ giúp tăng thêm số lưu lượng truy cập vào trang của bạn nhiều hơn và cải thiện kiểu hiển thị trang hiện tại. Chúc bạn thành công với những truy cập có giá trị.