Thứ Năm, 10 tháng 1, 2013

Từng bước chèn Facebook Like/Fan Box vào blogspot



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:
facebook-like-fan-box-for-blogger
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
Từng bước chèn Facebook Like/Fan Box vào blogspot
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
Từng bước chèn Facebook Like/Fan Box vào blogspotBướ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 :
Từng bước chèn Facebook Like/Fan Box vào blogspot
Bước 6 : past đoạn code mà chúng ta đã copy ở bước 4 vào nội dung bên trong
Từng bước chèn Facebook Like/Fan Box vào blogspot
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 :
Để hiểu rõ hơn các bạn có thể tham khảo những file hình minh họa sau :
Từng bước chèn Facebook Like/Fan Box vào blogspot
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 !
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2013 Lương Thanh Tường
Liên Hệ : Luongthanhtuong24.6.1997@gmail.com
GoogleComments RSS
Chuyển Lên Trên
Chuyển Lên Trên