How To Add Facebook Like Button To Blogger

How To Add Facebook Like Button To Blogger

Today we give you tips about how to Add Facebook like Button to Blogger because Facebook is a most leading social network site on the internet. Facebook is a way to increase more traffic on your blog because almost 80% people used facebook at this time. You can easily promote your blog on facebook with add some facebook gadget like Facebook fan page, Facebook follower, Facebook page like and many more. You can add all facebook widgets on your blog and try to increase facebook page like, followers etc. and you definitely increase your traffic.

Add Facebook Like Button To Blogger

In this article we provide you tip for adding facebook like button on your blogger blog. You can easily add facebook like button on your blog with follow some simple steps. Please follow below steps to add facebook like button to blogger:

Step 1

Log in into blogger dashboard.

Step 2

Go to Template and click on Edit HTML button as shown in below picture.
How To Add Facebook Like Button To Blogger

Tips: Before any editing you templates please backup your template. If you don't know how to do this then you can also read our blog post about How to backup blogger template.

Step 3

Now click on the Expand Widget template as shown in below picture.

How To Add Facebook Like Button To Blogger

Step 4

Search below code with help of CTRL + F:
<data:post.body/>

Step 5

Please put below code before it if you want to show like button after title or after that if you want to show like button below post.

Facebook Like Button without count

Facebook Like Button To Blogger

<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;'/><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a> </b:if>

Facebook Like Button with count

Facebook Like Button To Blogger

<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;'/><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a> </b:if>

Step 6

Click on Save Template button.
Previous
Next Post »
Thanks for your comment