Steps To Create Facebook Like Button below blog post and sidebar

Facebook Like button is used by many of the bloggers to promote the blog and blog post . There are various places to have the Facebook social icon in your blog to increase the traffic. Following are the best place to have the social icon.

Below Post titles
End of the Post
Side bar .

Going to provide the simple steps to implement the Facebook like button above mentioned places.

Below Post Titles :

1. Go To Blogger > Design > Edit HTML

2. Backup your template

3. Click the "Expand Widgets Templates" Box and Search the below code

<data:post.body/>

4. Just above it paste the code below .

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

5. Save your template and you are done!

Below Post - Footer :

1. Go To Blogger > Design > Edit HTML

2. Backup your template

3. Click the "Expand Widgets Templates" Box and search the below code .

<div class='post-footer'>

5. Just above , paste the code below.

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

6. Save your template and you are done!

Side Bar :

1. Goto Facebook Developer Page

2. Select the Like Button Link.

3. Provide The Details on FB developer page :

Your Blog URL on URL to LIKE
Check Or uncheck the send button
Select the Layout style you wish (by Drop and check the preview , how it looks )
Check Or uncheck the show faces.
Click on the GET CODE button .
Look at the screen shot and copy the second code of HTML5.

4. Now Log in to Blogger Account