Add facebook like button on your blog

How To Add Facebook Like Button In Blogger?

  • First go to Blogger > Template > Edit HTML
  • Check the expand widget box
  • Search for <data:post.body/> using ctrl+f



Style #1: Button Without Count


Facebook like button without 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=standard&amp;show_faces=false&
amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=l
ight&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

Style #2: Button With Count


facebook button with 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=
light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>


Note: If you want to show this button below of your post title then paste one of these just above<data:post.body/>

If you want to show this button below of your post then paste one of these below<data:post.body/> 
That’s all if you face any problem then kindly leave a comment. I will try to solve your problem.