Thông thường, để cài Facebook Social Plugin (các khung comment, nút Like,...) bạn phải chèn một đoạn mã iframe dài và kèm theo một đoạn mã <b:if> như thế này:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
XFBML là một giải pháp của Facebook giúp bạn làm các điều này một cách dễ dàng hơn nhiều. Ổn định và linh hoạt hơn iframe rất nhiều. Khi sử dụng XFBML, bạn chỉ cần sử dụng một đoạn mã rất ngắn gọn như:
<fb:like></fb:like>
Ngoài ra, khi dùng XFBML thì bạn còn sử dụng thêm một số tính năng mà iframe không có như thumbnail avatar. Cách cài đặt XFBML rất dễ dàng, bạn làm theo các bước sau:
1/ Mở template của Blogspot lên, và tìm đến dòng sau:
<body>
2/ Dán đoạn code này ngay sau đó (bạn nên dán NGAY sau body tag, nếu không code có thể không hoạt động tốt): <div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '130803183627286',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '130803183627286',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
Hoàn tất!
Các lựa chọn khác:
- Số màu đỏ trong đoạn code trên có thể thay bằng số riêng của bạn. Số này cho biết Facebook sẽ hiển thị tên Application nào khi bài viết của bạn được post lên facebook. Ví dụ: 
Chúc bạn thành công!
Xem thêm các Facebook Social Plugin tại đây.
Hocvietblog™ {^_^} Từ vTechTip Computer Video Tutorials
0 nhận xét:
Đăng nhận xét