Facebook is the most popular social networking site on internet. Facebook provides its like button and many other article sharing button to recommend your webpage or article to your facebook friends. By adding facebook like button people can share your webpage with their friends and by doing this you will get good traffic to your webpage or website. So here I’m going to guide you about how to add facebook like button to all of your blogger’s article or webpage. All you need to do is just follow these steps and within few minutes a facebook like button will be on your blogger’s webpage.
Step 1: Go to facebook developers page which is http://developers.facebook.com/docs/reference/plugins/like/
Step 2: Leave URL to like field blank. Set your width according to your webpage, color scheme, layout style and hit “get code” button. Copy the XFBML Code which is something like this
You will get a code like this:
<iframe src=”http://www.facebook.com/plugins/like.php?href=http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout=standard&show_faces=false&width=450&action=like&colorscheme=light”scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none;overflow:hidden; width:450px; height:px”></iframe>
Step 3: Replace the following text according to your webpage.
- src= above with: expr:src=’
- http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout part with: ” + data:post.url + “&layout
- light” with: light”‘
- height:px with: height:35px
This will be your final facebook like button code.
Step 4: Go to your blogger dashboard >>Design >>edit html >>backup your template >>check expand widget template and paste the final code directly after or below:
You have now almost done. copy the second code and paste it where you want to show you facebook like button.