How To Add Facebook Like Button In Blogger Post?
1. Go to your blogger “Template” section.2. Click “Edit HTML” and then “Proceed”.
3. Tick/check “Expand Widget Templates”.
4. Press Ctrl + F and search this <data:post.body/> tag.
5. Copy the code below and paste after or before <data:post.body/> tag.
Standard Code:
<b:if cond=’data:blog.pageType != "static_page"’>
<iframe allowTransparency=’true’ expr:src=’"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&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>
Box Count Code:
<b:if cond=’data:blog.pageType != "static_page"’>
<iframe allowTransparency=’true’ expr:src=’"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=65"’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:55px; height:65px;’/></b:if>
Button Count Code:
<iframe allowTransparency=’true’ expr:src=’"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&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>
Customization:
You can change the font style see the following.- font=lucida%2Bgrande
- font=segoe%2Bui
- font=tahoma
- font=trebuchet%2Bms
- font=verdana
- colorscheme=light
- colorscheme=dark
- width:90px;
- height:21px;
- action=like
- action=recommend
- show_faces=false
- show_faces=true
- send=true
- send=false
Note:
If you want to add this below blogger post title search this<b:if cond=’data:blog.pageType != "static_page"’>tag and paste the after that tag.






0 comments:
Click Here To add Comment
Blogger Widgets