Add fb Like button To Blogger 

Facebook is the best and mostly used social networking site used by people now days. So we are providing the steps how you can add this Facebook like button to blogger posts easily.

Firstly:

1.Go to Blogger Dashboard > Design > Edit HTML.

2.First take a backup of your template.

3.Tick  the expand widget check box

4.Find for below code in your template

<data:post.body/>

5.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/>

Different types of like buttons for Facebook:

There are three styles in which you can add like button :

1.vertical count

2.horizontal count

3.without count

   1. Vertical Count

<b:if cond='data:blog.pageType != &quot;s
tatic_page&quot;'> <iframe
allowTransparency='true' expr:src='&quot;http://ww
w.facebook.com/plugins/like.php?
href=&quot; + data:post.canonicalUrl + 
&quot;&amp;send=false&amp;layout=box_count&amp;s
how_faces=false&amp;width=55&amp
;action=like&amp;font=arial&amp;colorscheme=light&am
p;height=62&quot;' frameborder='0'
scrolling='no' style='border:none; overflow:
hidden; width:55px; height:62px;'/> </b:if>

   2. Horizontal Count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/
plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=
false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=lig
ht&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:no
ne; overflow:hidden; width:90px; height:21px;'/> <
/b:if>

      3. Without Count

<b:if cond='data:blog.pageType != &quot;static_page&
quot;'> <iframe 
allowTransparency='true' expr:src='&quot;h
ttp://www.facebook.com/plugins/like.php?
href=&q
uot; + data:post.canonicalUrl +
&quot;&amp;send=false&amp;layout=standard&amp;
show_faces=false&amp;width=450&amp;
action=like&amp;font=arial&amp;colorscheme=light&amp;height
=35&quot;' frameborder='0'
 scrolling='no' style='border:none; overflow:hid
den; width:450px; height:35px;'/> </b:if>

IF YOU FACE ANY TYPE OF PROBLEM THEN PLEASE TELL AND COMMENT BELOW IF YOU LIKE IT. :)