Add the new Facebook like button to your blog posts

For Blogger and webmaster, Facebook have just made a simple Like Button. The Facebook Like Button will be a great help in the effort to get readers sharing your posts on Facebook Social networks. The new button just made available from Facebook make sharing blogs as easy as possible. Here is given the easy way to add Facebook like button.

You can add Facebook Like Button at three places;

Ø  Below the post title

Ø  At the top of the post

Ø  Below the entire post

Here is given the Facebook Like Button code:
=== <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&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:40px;'/> ===


Now here is given the process to add Facebook Like Button to your blog posts;
1. If you want to add Facebook Like Button bellow the post title then follow the steps;


a) Go to the Blogger Dashboard > Layout > Edit HTML
 b) Tick the Expand widget templates box
c) Find the below code in your blogs HTML (Ctrl+F)
<div class='post-header-line-1'>
d) Now paste the Facebook Button code directly Below/Under
<div class='post-header-line-1'>

Just like this:
=== <div class='post-header-line-1'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&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:40px;'/> ===
e) Save your template


2.If you want to add Facebook Like Button at top of the post title then follow the steps;
a) Go to the Blogger Dashboard > Layout > Edit HTML
b) Tick the Expand widget templates box
c) Find the below code in your blogs HTML (Ctrl+F)
<data:post.body/>
d) Now paste the Facebook like button code directly before/above
<data:post.body/>

 Just like this:
=== <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&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:40px;'/><data:post.body/> ===
e) Save your template


3.If you want to add Facebook Like Button below the post title then follow the steps;
a) Go to the Blogger Dashboard > Layout > Edit HTML
b) Tick the Expand widget templates box
c) Find the below code in your blogs HTML (Ctrl+F)
<data:post.body/>
d) Now paste the Facebook like button code directly below/under
<data:post.body/>
 Just like this:
  === <data:post.body/> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&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:40px;'/>===
b) Save your template


 If you do it correctly it will work. Enjoy with new Facebook Like Button