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.

- 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 != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=62"' 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 != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' 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 != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' 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 !

Tweet