I previously shared Facebook Like box which help in increasing blog traffic via fans. In this tutorial i will teach you how we can add a Facebook like button to blogger posts. This like will not increase your fans but like and share your posts on Facebook. It works faster than "send button". If you want to add this like button to your blog, follow the instruction below:
Adding Facebook Like Button to Blogger
- Go to Blogger Dashboard > Design > Edit HTML
- Back Up your template
- Click the "Expand Widget Templates" box
- Press "Ctrl+F" and find the code given below in your template
<data:post.body/>
Now add the code given above <data:post.body/>, if you want to add like button below post title.
Now add the code given below <data:post.body/>, if you want to add like button below your post.
Style 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>
Style 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>
Style 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>
Hope you have done!! But still if you find any problem don't hesitate to ask.
Author:
0 comments:
Post a Comment
We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually us according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden.
Regards:
Zaka Ur Rahman