Cách tạo khung like Fan Pages Facebook cho blog, website

Chào các bạn!
Pages Facebook ngày càng phổ biến và được nhiều bạn phát triển giúp mọi người quảng bá trang web hay blog của mình. Có nhiều cách tạo khung like Fan Pages Facebook khác nhau nhưng hôm nay mình xin giới thiệu cùng các bạn 3 cách đơn giản nhất , giao diện lại đẹp. Mời các bạn tham khảo nhé!
Cách 1: Bạn thêm 1 tiện ích HTML/Javascript bằng cách vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascripts và dán đoạn code dưới đây vào rồi bấm lưu
<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/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/buivansum77" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
Ở đây các bạn lưu ý dòng chữ màu đỏ. Bạn thay địa chỉ trên bằng địa chỉ trang Fanpage của các bạn.  
 Cách 2: Bạn thêm 1 tiện ích HTML/Javascript bằng cách vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascripts và dán đoạn code dưới đây vào rồi bấm lưu
<div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/buivansum77&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270pxwidth: 245px;background:#fff;"></iframe>
</div>
 Các bạn lưu ý:
- Thay https://www.facebook.com/buivansum77 thành link Fanpage Facebook của bạn
width=245 là độ rộng của khung
height=270 chiều dài khung
Cách 3: Các bạn truy cập Vào đây
Tùy chỉnh các thông số theo kích thước phù hợp như hình dưới. Trong đó các bạn lưu ý:
- Facebook Page URL: Link Facebook của bạn
- Width, Height: Chiều cao và rộng của khung
- Các giá trị Show bạn có thể tùy chọn và nhìn xuống dưới khung Like sẽ thay đổi theo tùy chọn của bạn.
Tiếp theo bạn bấm chọn Get Code sẽ xuất hiện 2 đoạn code như hình phía dưới
Cuối cùng bạn copy 2 đoạn code trên và dán vào tiện ích HTML/Javascripts là xong.
Chúc các bạn thành công

Không có nhận xét nào:

Copyright © 2013 Mr Sum