How Add Facebook Like Button to a blog beneath every post 2014 very easy

Add a Facebook Like button on blogger posts:

                                    To day i am gonna to show you that how we can add a Facebook like button on a blogger site .It`s very easy i will show in a few steps .We use this like button to increase the ranking rate of the blog and spread our site through out the world .So for this we have another way that is Facebook that is best social media on which we can share our post with friends.

The blogger Plugins has  developed a simple customizable way of installing  Facebook Like Link button for each page of you blogger site.Such tool is based on original code and design developed by
mia of design matters In using a slightly altered  version of this widget here on my blog.

I am gonna to show that how we can Install Facebook Like Button :
                                                  Head over to the installation page at blogger plugins and full the form and there will need to enter URL of Faceboo Fan page or Profile and also your dsired width in pixel.

 Codes below form will update once you will enter these details.for several template that function with the blogger Template designer then you can add CSS style codes in Design then Template Designer  then Advanced and in the CSS section of your dashboard .Follow the instruction of  post to add directly to your blog template .And at last add the following codes below the ⁢data:post.body/> tag In  HTML Codes and save template So after this you will see the Facebook like button on item pages of you site.
If you want to add a simple Like button then you can install a widget like this with or without avastars instead.

If you want to add the style of widget then go to Design and then Edit HTML of your blogger dashboard and check the Expand widget  Template Box.(Button).
 Search for the following Codes  <data:post.body/> tag below this HTML paste the following Codes  as given below...

<b:if cond='data:blog.pageType == &quot;item&quot;> 

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/> 

</b:if>

Further a few changes are given below..

1. you like to display the avastars of peoples who have linked  the page change the section that is highlighted Red in above the HTML codes to "true"
2.  you can changes the number value of yellow highlighted to other and change the size.

 At last save your template and the change will be saved.Thus you will see the New Facebook Like box on your blog pages.
If you have any problem about this post you can comments below..
Thank you!