Thứ Sáu, 29 tháng 10, 2010

Bình luận Blogger bằng Facebook

Bài này nhằm giới thiệu một thủ thuật đưa chức năng bình luận bằng tài khoản Facebook cho một tùy bút sử dụng nền tảng Blogger. Các hình ảnh trong bài được sử dụng lại từ hướng dẫn của Simplex Design. Quý bạn hữu đang viết tùy bút trên nền tảng Blogger có thể theo dõi bài viết này để áp dụng riêng cho tùy bút của mình.



Bước 1. Truy cập vào trang dành cho các nhà phát triển ứng dụng của Facebook (Facebook developer page)quý bạn sẽ thấy một giao diện để tạo ứng dụng mới như hình bên dưới. Gõ tên trang tùy bút (tùy ý sao cho dễ nhớ) vào mục "Site name", và đường dẫn đến trang tùy bút của quý bạn vào mục "Site URL" (chú ý phải có dấu gạch chéo ở cuối). Tiếp theo bấm vào "Creare an Application" để tạo một ứng dụng mới, lúc này Facebook sẽ yêu cầu nhập mã xác nhận an ninh ngẫu nhiên.

facebook create application interface

Bước 2. Sau khi điền mã xác nhận an ninh, quý bạn sẽ được chuyển tới trang cung cấp mã số ứng dụng (App ID). Quý bạn phải nhớ mã số này, cách tốt nhất là hãy sao chép nó.
facebook application id

Bước 3. Chuyển đến trang nhúng khung bình luận Facebook (Facebook Comments Box) và điền mã ứng dụng vào mục "Unique Id", điền số lượng bình luận tối đa mà quý bạn muốn hiển thị trong khung bình luận tại mục "Number of Comments", và chiều dài của khung bình luận trong mục "Width".

facebook comment box option

Sau đó, bấm vào "Get code" để lấy mã nhúng. Quý bạn sẽ nhận được một đoạn mã như sau:

facebook comment box code

Thay chuỗi "APP_ID" bằng mã ứng dụng trong bước 2, và tiến hành sao chép đoạn mã.

Bước 4. Vào Dashboard => Design => Edit HTML, đánh dấu kiểm vào "Expand Widget Templates".

Bước 5. Nếu quý bạn muốn khung bình luận Facebook xuất hiện ngay sau bài viết, tìm dòng
"<p><data:post.body/></p>" rồi chèn đoạn mã ở bước vào ngay sau nó.

Nếu quý bạn muốn khung soạn thảo Facebook xuất hiện trên cùng của các bình luận thông thường, tìm dòng
"<b:includable id='comments' var='post'>" rồi chèn đoạn mã ở bước 3 vào ngay sau nó.

Cuối cùng, bấm vào "Save template" để lưu cài đặt.

0 bình luận:

Related Posts Plugin for WordPress, Blogger...