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

Select Layout - > Add ->Html/Java Script
Paste the code which you copied from FB developer Page
Save and Check the blog .

Enjoy the plugin .

Feel free to share your views on comment .

Blogger widgets

0 comments:

Post a Comment

1.Your feedback is appreciated .we will try to respond as soon as possible .
2.While commenting make sure you click "subscribe by mail ", so that you will be notified follow up replies
3.Please don't spam ,dont use keyword in the name section, don't drop the links for the sake of backlinks and other purpose ( Comments will not be published and deleted)
4.Make sure you check the previous comments , before asking any any queries . you may get the solition in the comments itself.
5.Comments should be related to the topic .
if above all not followed the user may result in ban :(