Demo

Facebook is one of the leading social media. Every Blogger wants to  through more traffic in his / her Blog. So for this purpose now I am writing an  article on Facebook like buttons with count and without count. This widget is very important for facebook traffic. You can add this widget below of your post title and also below of your posts. You can also use it with count and without count.

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

<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

<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/>
That’s all if you face any problem then kindly leave a comment.

Author: Mohammad

Related Posts:

Blogger Widgets