How To Add Facebook Like Button To Blogger Posts?
- Go to Blogger Dashboard > Design > Edit HTML
- First take a backup of your template
- Tick the expand widget check box
- Find for below code in your template
<data:post.body/>
If you wish to add like button j
ust below of post title the
add the below code just before of
<data:post.body/>and if you wish to add this like button
just below of your post then add below code just
below of <data:post.body/>
Facebook Like Button Styles
You can add like button in three styles :
- Vertical Count
- Horizontal Count
- Without Count
1. Vertical Count
<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>
2. Horizontal Count
<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>
3. Without Count
<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>
If you faced any problem, please do not hesitate to let me know. :)
0 comments:
Post a Comment