Adding Facebook Like and Share button to your Website

Having Facebook page for your Company, Product, Website, Community etc. is a great advantage for you. Since Facebook is well know social media for every one now days so your audience, followers or subscribers on Facebook can keep them-self  updated by liking your Facebook page.

Here we'll see how to add Facebook Like and Share Button to your Website. In this example I'll be adding Facebook Like and Share to Google blogger

Step 1

First of all you have to copy URL of your facebook page

Copy URL of Facebook Page

Step 2

Go to facebook for developer by using below link to design and generate code for button 

https://developers.facebook.com/docs/plugins/like-button

Configure your Like and Share Button

Paste the copied URL of your facebook page in the field URL to Like
If you want custom Width then enter of leave it empty
Select Layout and observe the preview below, It will help you decide you layout
Select Action type and Button Size as per your need
Since we want share button as well so Include Share Button need to be checked
Click on Get Code button to generate code to your design

Step 3

Copy the generated code

Generated Code

Now there is two way to implement further

JavaScript SDK and IFrame, my favourite one is IFrame so I'll select IFrame and copy the generated code

Step 4

Use the generated code on your website

Simply you can paste the copied code to your website where you want Facebook Like and Share to be appeared.

If you are using blogger then login to your blogger go to Layout section

Adding Facebook like and share button to Blogger

Click on Add a Gadget and choose HTML/JavaScript

Add Gadget for Facebook like and share

Add Title and paste the generated code to Content field

Click on Save to apply changes

Click on Save arrangement and you are done

SHARE