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:

<div class=’post-footer’>

You have now almost done. copy the second code and paste it where you want to show you facebook like button.

Powered By DT Author Box

Written by sanchit singh

sanchit singh

Sanchit Singh is an IT Professional and blogger at BigPassage. You can connect with me on Facebook and Google+ at +Sanchit Singh. Go to page to know more about me.

Here's How A/B Testi

Also known as split testing, A/B testing is a type ...

LG's canvas for toda

LG Electronics, a multinational electronics company, is providing the canvas ...

Let's get rid of the

Stuff we launch into an orbit around the earth eventually ...

Affiliate Marketing

Are you a webmaster who needs funds to keep your ...

When technology and

When technology and creative people, companies with good ideas get ...