How To Add A Facebook Like Button to Blogger Posts

Social networking is very important to every blogger. It is very important for better SEO and increases the visitors.You can share your post with your facebook through this you can increase the traffic of the blog.Remember that facebook is a social networking site used by millions of people.U can make these millions as the traffic of your website facebook like button also very important to every site. It will help to your readers share the content or like the content on facebook.Here I tell how to add facebook like button to blogger

Here is the demo of different types of facebook like buttons such as Horizontal, Vertical and standard type.You can add any type as your wish and your blog requirements, Follow the simple step below

How to add facebook like button to blogger

1. Go to your Blogger dashboard

2. Click on Template in the sidebar, then Edit HTML

3. Click inside of the text area and press CTRL + F (or CMD + F on a Mac) to open up the “Find” text box.

4. Inside the “find” box type "<data:post.body/>" and find it in your template

5. Post the code above this to add facebook like button above your post if you wanna add facebook like button below your blog post add it below this

Copy this Facebook button code for a Horizontal count style

<br/><br/><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>

Copy this Facebook button code below for a Vertical count style

<br/><br/><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&layout=box_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/>

Copy this Facebook button code below for a Standard count style

<br/><br/><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>

Now you added facebook like button for your blog