How to add Facebook Like Button To Blogger

Share on :

Do you want to add Facebook Like Button To Blogger? Many web publisher uses blogger. The service of blogger is easy to manage. As you know that facebook is one of the best social networking service. You need to create a facebook fan page to get more visitor for you site. Now in this post i am telling youthe easiest way to add Facebook Like Button To Blogger .

Here is the trick to add Facebook Like Button To Blogger :

This trick will help you to Add Facebook Like Button To Blogger Posts. There are two ways to do that. You can use vertical count button or horizontal count button . To do that follow these steps: 

1. Please go to : Blogger Dashboard >> Design >> Edit HTML
2. Please back up your template
3. Press Ctrl + F and find out <data:post.body/>
4. If you want to add  Facebook Like Button below the post title of Blogger then add the below code just before of <data:post.body/>
 or If you want to add  Facebook Like Button below the post of Blogger then add the below code just before of <data:post.body/>

1. Horizontal Count Facebook like button  

<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: medium none; height: 21px; overflow: hidden; width: 90px;"> </b:if>

2. Vertical Count Facebook like button 

<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=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

3. Without count Facebook like button 

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

You can contact or comment here, if you faces problem to add Facebook Like Button To Blogger

0 comments on How to add Facebook Like Button To Blogger :

Post a Comment and Don't Spam!