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
- 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 !
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 !
0 nhận xét:
Post a Comment