Observe - This switch instrument not equivalent your fan writer it gift equal and deal your move
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 just 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/>
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>
- Now visit your blog
- Enjoy








Hello! This is Adrian Lucernas, the owner and administrator of this blog, who lives in Camotes Island Cebu, Philippines. I have a pretty and loving wife Eljen Lucernas. 


0 comments:
Post a Comment
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML code in comments then please use our HTML Encoder
2. For perfect customization of our tutorials, use our HTML Editor
3. Please do not spam, Spam comments will be deleted immediately upon our review.
Regards,
Adrian Lucernas