Add Facebook Like Buttons In Blogger

Add Facebook Like Buttons In Blogger

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 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>

Style #2: 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>
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/> - See more at: http://www.googleagra.com

0 comments:

Post a Comment