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.
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.
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
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=standard&show_faces=false&
amp;width=450&action=like&font=arial&colorscheme=l
ight&height=35"' 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 tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a> </b:if>
amp;width=450&action=like&font=arial&colorscheme=l
ight&height=35"' 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 tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a> </b:if>
Facebook Like Button with count
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&show_faces=false&
amp;width=90&action=like&font=arial&colorscheme=
light&height=21"' 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 tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a> </b:if>
amp;width=90&action=like&font=arial&colorscheme=
light&height=21"' 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 tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a> </b:if>
Step 6 : Click on Save Template button.
Post a Comment