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 != &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: Thu thuat, Thu thuat blogspot, thu-thuat, thu-thuat-blogger