how to add facebook like botton

Here is another great post its facebook like button which enables your blog visitors to share your blog content on their Facebook profiles with one click. Get one now and start sharing it and liking it.

For an example, click the below button to Like this post:

Standard Facebook Like Button for Blogger

Step 1: Go to Layout (Design) > Edit HTML and check “Expand Widget Templates”.

Step 2: Find <data:post.body/> and immediately after/before it (or both) add the following codes.

Step 3: Paste it after

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

view plainprint?

1. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>  

2. <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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>  

Like Button with Box Count for Blogger

Follow the first two steps mentioned above and paste the below script:

view plainprint?

1. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>  

2. <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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=65&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/></b:if>  

Facebook Like Button with Button Count

Follow the first two steps and paste the below script:

view plainprint?

1. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>  

2. <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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;'/>  

3. </b:if>  

Customizations

Notice: You can make some changes to give your buttons a different styles. If you want to change the font, then find font=arial and change it to any one shown below:

view plainprint?

1. font=lucida%2Bgrande  
2. font=segoe%2Bui  
3. font=tahoma  
4. font=trebuchet%2Bms  
5. font=verdana 
   
   Step 1: Go to Layout (Design) > Edit HTML and check “Expand Widget Templates”.
   
   
   Step 2: Find <data:post.body/> and immediately after/before it (or both) add the following codes.
   
   
   Step 3: Paste it after
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   view plainprint?

   1. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>  

   2. <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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>  

   
   Like Button with Box Count for Blogger
   
   
   Follow the first two steps mentioned above and paste the below script:
   view plainprint?

   1. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>  
   2. <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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=65&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/></b:if>  
   
   
   Facebook Like Button with Button Count
   Follow the first two steps and paste the below script:
   view plainprint?

   1. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>  
   2. <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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;'/>  
   3. </b:if>  

   
   
   
   
   Customizations
   
   
   Notice: You can make some changes to give your buttons a different styles. If you want to change the font, then find font=arial and change it to any one shown below:
   
   
   view plainprint?

   1. font=lucida%2Bgrande  
   2. font=segoe%2Bui  
   3. font=tahoma  
   4. font=trebuchet%2Bms  
   5. font=verdana