Nếu bạn có một Fan Page trên Facebook , và muốn nó hiển thị ngay trong trang blog của bạn nhằm kiếm thêm nhiều like thì bài viết sau sẽ thật sự hữu ích dành cho bạn. Trước khi tiến hành từng bước thì bạn phải đảm bảo rằng đã có Fan Page, nếu bạn chưa có thì có thể tham khảo bài viết Hướng dẫn tạo Facebook Fan Page mà mình đã giới thiệu ở bài viết trước.
Và để chèn Fan Box vào trang blog của bạn thì làm theo các bước sau đây :
Bước 1 : Tìm địa chỉ Facebook Page URL của bạn, để làm điều này thì chúng ta copy địa chỉ ngay tại trang Fan Page của bạn như hình bên dưới:
Và để chèn Fan Box vào trang blog của bạn thì làm theo các bước sau đây :
Bước 1 : Tìm địa chỉ Facebook Page URL của bạn, để làm điều này thì chúng ta copy địa chỉ ngay tại trang Fan Page của bạn như hình bên dưới:
Trong ví dụ này mình lấy Page của mình là http://www.facebook.com/thuthuatwebhay
Bước 2 : Vào trang http://developers.facebook.com/docs/reference/plugins/like-box
Sau khi vào trang này các bạn past Facebook Page URL vào ô nhập liệu tương ứng như hình bên dưới
Sau khi vào trang này các bạn past Facebook Page URL vào ô nhập liệu tương ứng như hình bên dưới
Các bạn nhớ check vào các ô như trong hình. Tuy nhiên các bạn có thể chọn lựa hiển thị sao cho đúng ý của mình ở các ô chọn.
Bước 3 : Một khi đã thấy ưng ý với cách hiển thị thì nhấn chọn “Get Code”
Bước 4 : Các bạn có thể chọn lựa nhiều kiểu đưa vào blog khác nhau, ở đây mình chọn là xfbml , sau đó copy đoạn code ở bên trong như hình bên dưới
Bước 4 : Các bạn có thể chọn lựa nhiều kiểu đưa vào blog khác nhau, ở đây mình chọn là xfbml , sau đó copy đoạn code ở bên trong như hình bên dưới
Bước 5 : Bây giờ các bạn đăng nhập vào Blogger và đi tới Design > Page Elements, sau đó click chọn Add a Gadget và chọn HTML/JavaScript như hình sau :
Bước 6 : past đoạn code mà chúng ta đã copy ở bước 4 vào nội dung bên trong
Sau đó nhấn Save để hoàn tất.
Bước 7 : Để tiện ích trên có thể hoạt động thì chúng ta cần thay đổi một số thứ. Các bạn tìm đếnDesign/Template > Edit HTML sau đó tìm dòng :
1
| <html |
Và thay nó bằng :
1
| <html xmlns:fb="https://www.facebook.com/2008/fbml" |
Để hiểu rõ hơn các bạn có thể tham khảo những file hình minh họa sau :
Bước 8 : Save lại template và bạn sẽ thấy Facebook Fan Page sẽ xuất hiện trên blog của bạn.
Chúc các bạn thành công !
Cùng Danh Mục:
- Hướng dẫn tạo hộp chia sẻ (share box) tuyệt vời cho blogspot
- Hướng dẫn cài đặt giao diện cho blogger
- Tạo Google Translate Widget cho blogspot
- Cách tạo 3 cột cho widget ở vị trí footer trong blogspot
- Tạo Facebook Like Box hiệu ứng Popup với bộ đếm thời gian
- Chèn biểu tượng Emoticons/Smileys vào trong Blogger Comments
- Tạo phân trang đánh số thứ tự trong blogspot
- Hướng dẫn Backup và Restore Blogger Template
- Facebook Like Button cho Blogspot
- Cách làm chế độ tiết kiệm năng lượng cho website và blog
- Thủ thuật Blogspot : Tự động chèn link vào các từ khóa trong blogger
- Cách tìm địa chỉ mail đăng nhập vào blogspot
- Tạo nút chia sẻ mạng xã hội cho blogspot với phong cách cực pro
- 5 thanh tìm kiếm tuyệt đẹp cho blogger
- Cách đổi favicon trên blogspot
- Thủ thuật Blogspot : Cách chèn Google Buzz vào Blogspot
- Tạo tin liên quan trong blogspot với ảnh thumnail
- Tạo nút send button và like Facebook vào trang blogspot
- Cách chèn Yahoo Media Player Cho Blogspot
- Từng bước tạo Breadcumbs cho trang blogspot
Nhãn:
Blog,
Thủ Thuật Internet
0 nhận xét