Thêm Like Facebook (FB) vào bài viết Blogger V2 - Thủ thuật

Thủ thuật thêm Like FB vào sau mỗi bài viết cho blogger cũng đã được mình giới thiệu ở bài viết Đưa nút Like (thích) vào từng bài viết cho Web - Blog (blogger - blogspot). Tuy nhiên ở bài viết đó mình mới có 1 mẫu. Ở thủ thuật bài viết dưới đây mình giới thiệu tới các bạn những mẫu thông dụng và cách để đưa LIKE vào theo bài viết của blog.

Like FAcebook dưới mỗi bài viết cho blogger
- Cách làm thủ thuật:
1. Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML) -> Lựa chọn vào  ô "Mở rộng mẫu tiện ích" (the expand widget check box)
2. Tìm đến đoạn code
<data:post.body/>
- Nếu muốn LIKE đó xuất hiện bên trên nội dung bài viết thì các bạn dán 1 trong 3 mẫu dưới đây lên trên Code vừa tìm
- Ngược lại Nếu muốn LIKE đó xuất hiện bên dưới nội dung bài viết thì các bạn dán 1 trong 3 mẫu dưới đây dưới Code vừa tìm
Mẫu lấy theo số ở hình trên
Mẫu 1:
Code
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

Mẫu 2:
Code:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>

Mẫu 3:
Code:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <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;'/> </b:if>

Chúc các bạn thành công !
Chuyên mục: , , ,

7 comments:

  1. bạn oi sao mình không làm được nhả nó báo lỗi
    https://lh3.googleusercontent.com/-074NNnXWLCs/UaLacDHn9AI/AAAAAAAAAkM/GIIYsh9L70w/s0-o/loi+facebook.PNG

    ReplyDelete
  2. Tôi thử dùng mẫu 2, nó báo lỗi phải thêm dấu ";" sau "Send", thêm dấu chấm phẩy vào thì nó lại báo là chưa khai báo gì gì đó. Phong Vũ coi sửa lỗi lại đi!

    ReplyDelete
    Replies
    1. Ok. Chiều tối mình xem lại nhé

      Delete
    2. Bây giờ giao diện của phần chỉnh sửa HTML thay đổi rồi, không tìm thấy mục "the expand widget check box" thì làm thế nào hả Phong Vũ?

      Delete
  3. Giờ blogger đổi phần giao diện chỉnh sửa Temp. Đã tích hợp sẵn cả "the expand widget check box" nên không cần check phần này nữa nhé bạn

    ReplyDelete
    Replies
    1. Thế còn mấy đoạn mã ở trên kia, Phong Vũ đã kiểm tra lại lỗi của nó chưa?

      Delete
  4. OK. Mình đã sửa rồi bạn nhé :)

    ReplyDelete