Chèn Like Button của Facebook vào Blogger

Facebook đã bổ sung thêm Facebook Like cho phép bạn có thể ấn "like" và chia sẻ thông tin hữu ích với những người khác trên chính trang Facebook profile của họ. Ngoài ra nhờ tính năng này bạn có thể nhận biết được có bao nhiều người thích bài đăng trên Blog của bạn.

Cách thực hiện:

- Đăng nhập vào Blogger Bảng điều khiển (Dashboard)  >> Thiết kế (Design)   >>  Chỉnh sửa HTML (Edit HTML)  >>  Click chọn vào ô check Mở rộng mẫu tiện ích (Expand Widget Templates)
-Vị trí chèn nút Like:
  +Cuối bài viết: tìm (Ctrl-F) đoạn mã :  <data:post.body/> 
                                               hoặc   :  <div class='post-footer'>


  +Đầu bài viết:  tìm (Ctrl-F) đoạn mã : <div class='post-header-line-1'>
                                               hoặc   : <div class='post-header-line-1'/>

- Chèn ngay dưới đoạn code đã tìm được ở trên đoạn mã dưới đây:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

- Lưu mẫu để hoàn thành công việc.

Bạn có thể tùy chỉnh hiển thị nút Like Button như sau:
- Code trên cho phép Like Button hiển thị trên mỗi bài viết, nếu bạn muốn hiển thị tại tất mọi nơi (Trang chủ, Label…) bạn hãy gỡ bỏ dòng code màu đỏ.
- Thay đổi dòng action=like thành to action=recommend  trong dòng code trên để thay đổi chữ hiển thị “Like” bằng “Recomment”
- Thay đổi màu nền của Like button: Thay đổi  colorscheme=light thành colorscheme=dark hoặc colorscheme=evil
- Thay đỏi font chữ hiển thị: Bạn có thể thay đổi font hiện tại font=arial bằng các font sau:

1. font=lucida+grande
2. font=segoe+ui
3. font=tahoma
4. font=trebuchet+ms
5. font=verdana

Nguồn:  www.vnblognet.com