Hướng dẫn 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ó rất nhiều bài hướng dẫn bạn thực hiện, nhưng với thủ thuật sau đây, bạn chỉ cần copy và dán dòng code HTML vào trong Blogger là xong.
Nào chúng ta hãy bắt đầu thực hiện chèn nút Facebook Like dưới mỗi bài viết bằng các bước đơn giản sau:

Vị trí chèn code trong Blogger

- Đă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)
- Tìn (Ctrl-F) đoạn mã :

<data:post.body/>

Chèn Code hiển thị Facebook Like vào Blogger:

- 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.

 Tùy chỉnh :

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

CHÚC CÁC BẠN THÀNH CÔNG !!!