Cách thêm nút Like Facebook vào Blogspot (blogger)


Như anh em đã biết đấy, Facebook hiện nay là một mạng xã hội toàn cầu lớn nhất thế giới . Và một tính năng rất hay của Facebook đã được đăng kí bản quyền hẳn hoi đó chính là nút Like. Thật tuyệt vời biết bao khi bạn thấy thích thú một điều gì đó hay muốn cảm ơn ai đó vì bài viết hay....Thế nhưng việc viết ra những dòng comments như thế thì đôi khi lại hơi "chuối" và nếu không làm gì thì bản thân lại cảm thấy "lương tâm cắn rứt" .Và như thế Nút Like ra đời vì mục đích tuyệt vời này. Hôm nay mình sẽ hướng dẫn các bạn một thủ thuật nho nhỏ giúp thêm nút Like của Facebook vào Blogspot (Blogger).

Đầu tiên các bạn đăng nhập vào blogger.com rồi chọn blog cần chỉnh sửa !

Kế đến là vào mục Mẫu . Như thường lệ trước khi tiến hành hoạt động edit thì ta thực hiện việc back-up để lỡ có sai sót còn có cái mà restore :D

Tiếp đến ta nhấn nút Chỉnh sữa HTML (nhớ tích vào ô Mở rộng Mẫu Tiện ích)

Rồi tìm đoạn nào đẹp đẹp mà bạn ưng ý nhất để chèn nút Like vào.

Thông thường là dưới tiêu đề bài viết hoặc dưới nội dung bài viết.

Các bạn nhấn nút Find tìm đến đoạn code:
<data:post.body/>
Muốn hiển thị nút Like ở trên hay dưới nội dung bài viết thì chèn đoạn code sau vào trên hay dưới đoạn <data:post.body/>
<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>

Theo mặc định thì nút Like chỉ hiện ra ở bài đăng của các bạn, nếu các bạn muốn nó hiện ra ở tất cả các trang (kể cả trang chủ) thì chỉ việc loại bỏ 2 dòng code màu đỏ là xong.
Sau khi chỉnh sữa xong thì chúng ta nhấn Lưu Mẫu và ra trang chủ thưởng thức thành quả nào.

Chúc thành công nhé !
2 Comments
  • Unknown
    Unknown 2/08/2012 5:27 PM

    nốt find là gì và ở đâu hả b

  • thanhpham
    thanhpham 2/14/2012 4:04 PM

    @Kim TaeYeon
    tổ hợp phím Ctrl+F nhé

Add Comment
comment url