Facebook Like - Nút cần thiết cho Blogger

Facebook cung cấp plugin mạng xã hội nhằm giúp bạn chia sẻ những kinh nghiệm cho những người bạn của bạn chỉ với một dòng code html. Và Facebook like là một trong số đó.
Bạn có thể xem demo trang blog mình đang làm cho 1 người cô ở địa chỉ: Lớp giảng sư cao cấp K05. Biểu tượng ở cuối bài viết.

Hướng dẫn cách thêm Facebook Like vào cuối mỗi bài viết

  1. Đăng nhập vào tài khoản của bạn Blogger. Nhấp vào Thiết kế->Chỉnh sửa HTML. Nhấp vào checkbox "Mở rộng mẫu tiện ích" ("Expand Widget Templates").
  2. Hãy tìm đoạn mã <data:post.body /> và đặt đoạn code này ngay sau dòng code vừa tìm được.
<b:if cond='data:blog.pageType == "item"'> 
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
Lưu ý:
Đoạn code trên chỉ hiển thị duy nhất ở phần post bài. Nếu bạn muốn hiển thị nó bất kỳ nơi đâu bạn thích trong blog, hay bỏ đoạn code (dòng 1 và 3 ở trên)
<b:if cond='data:blog.pageType == "item"'>
</b:if>
Lưu mẫu lại và xem thử. Dưới mỗi bài viết sẽ có nút Like của Facebook.

Các tham số tùy chọn

Bạn có thể thay thế các giá mặc định sang các giá trị bạn thích:
  1. action="chuỗi cần thay thế"
  2. colorscheme=light bằng colorscheme=dark
  3. font=Arial bằng các font khác
    Ví dụ:
    • font=lucida+grande
    • font=segoe+ui
    • font=tahoma
    • font=trebuchet+ms
    • font=verdana

    Nhận xét

    Bài đăng phổ biến từ blog này

    Kinh nghiệm tạo biểu đồ Use Case

    PHÉP TOÁN XOR

    Phần mềm hỗ trợ vẽ bản đồ tư duy trên máy tính

    Power Designer 12.5