Đang tải...
Neobux trang kiếm tiền uy tín nhất hiện nay:

Saturday, July 10, 2010

Cài Đặt XFBML cho Blog để sử dụng Facebook Social Plugin

Categories:

    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&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;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 : &#39;130803183627286&#39;,
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(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).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ụ:
Cài Đặt XFBML cho Blog để sử dụng Facebook Social Plugin
     - Như hình trên, Application tên là Full Software. Để tạo một Application, bạn truy cập vào http://developers.facebook.com/setup/, điền tên App và địa chỉ trang web của bạn (phải kết thúc với dấu /, ví dụ http://www.vnpaypal.com/). Sau đó bạn sẽ nhận được một số của Application của bạn. Nếu thích, bạn cứ giữ nguyên số mặc định cũng được.
http://developers.facebook.com/setup/

Chúc bạn thành công!
Xem thêm các Facebook Social Plugin tại đây.
Từ khóa: facebook xfbml, facebook social plugin, cai dat cho facebook, add on facebook, truy cap facebook, khung chat facebook, mang xa hoi facebook
Kiếm Tiền Trực Tuyến Uy Tín: NeoBux | Adf.ly Rút Gọn Link | VinaResearch Nhận Tiền Qua: PayPal | Alert Pay | Liberty Reserve

Các bài Liên Quan:



Nhận Xét Nhanh

4

Đăng Một Nhận Xét

- VNPayPal rất hoan nghênh mọi nhận xét của bạn.
+ Mọi comments sẽ được trả lời trong ngày. Bạn hãy bấm vào Subscribe by email để nhận được email khi có trả lời.
+ Nếu thắc mắc của bạn không liên quan đến bài viết thì bạn vào mục Hỏi & Đáp
+ Tại Comment as bạn có thể chọn Anonymous để nhận xét nặc danh hoặc Name/URL để nhận xét với tên và địa chỉ Blog.
+ Bạn có thể post link ref của bạn lên đây, nhưng không được ẩn link gốc. Xem thêm Quy Định Comment. Post qua nhiều link thì comment sẽ vào danh sách KIỂM DUYỆT, chỉ hiện lên khi được VNPP duyệt.