Làm thế nào để thêm nút Like Facebook vào bài viết cho Blogspot
Phan Nhật Chánh - Official website

Làm thế nào để thêm nút Like Facebook vào bài viết cho Blogspot

   Jul 6, 2014   
Báo lỗi bài viết×
Chức năng Like facebook là một trong những cách bạn có thể giúp cho bạn chia sẻ bài viết của mình nhanh nhất mà khỏi phải vất vả vào facebook, copy link bài viết, viết giới thiệu bài viết, rồi enter. Các thao tác kể trên được giảm bớt một cách tối đa, chỉ cần nhấn vào nút like được tích hợp sẵn trên blog, bạn có thể giảm bớt số lượng các bước kể trên thành 2 bước, viết giới thiệu và enter.

them nut like cho blogspot, them nut gioi thieu cho blogspot, chen button like facebook vao blogger, huong dan chen nut like facebook vao blogspot

Tạo nút Like Facebook cho Blogger

Bước 1: Đăng nhập vào Blogger và từ bảng điều khiển đi đến tab Template của blog. Tiếp theo bấm vào "Edit HTML" và kiểm tra "Expand Widget Templates".

Bước 2: Tìm <data:post.body/> và paste đoạn code phía dưới sau khi tùy chọn các thiết lập nằm trước nó.

Button Facebook

Layout:
Action Type:
Color Scheme:
Font:
Chiều rộng mặt định
(Recommended)
: px

Hiển thị trong Blogger

Float:
Hiển thị trong:

Xem trước và Nhận Code


Ajax Loading

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div style="float: none;">
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</div>

</b:if>

Bước 3: Lưu Template của bạn lại và xem kết quả.

Các chức năng:

  • Layout: Có 3 kiểu tùy chọn là Standard, button_countbox_count.
  • Action Type: Có 2 kiểu hiển thị là  Like or Recommend.
  • Color Scheme: Tùy chọn màu sắc của nút.
  • Font: Chữ bạn muốn sử dụng.
  • Width: Tùy chọn này cho những người dùng muốn thay đổi chiều rộng của nút Like. Nếu bạn không biết độ rộng mặc định theo chuẩn của Facebook thì để nguyên không thay đổi bất cứ điều gì ở đây.
  • Show_faces: Lựa chọn để hiển thị hình ảnh hồ sơ cá nhân của bạn bè trên Facebook của bạn, những người đã thích bài viết của bạn. Mặt định là false, nếu bạn muốn thì bạn có thể thay đổi nó thành true nhưng bạn cũng phải thay đổi chiều rộng cho phù hợp.

2 comments:

  1. code trên đưa vào blogger hiển thị và hoạt động rất tốt. cảm ơn tác giả đã giành thời gian chia sẻ bài viết.
    Em muốn hỏi thêm một chút là có cách nào để khi một người like trên blogspot nó cũng hiển thị người đó like bài viết đó trên Fanpage.

    ReplyDelete
    Replies
    1. hình như là không hay gì ấy, bạn tham khảo thêm tại Facebook Plugin nha

      Delete