How to add a Facebook LIKE Button in the Website??

To Create the Like & Share Button Click on The Facebook Developers Page

Facebook Like
Facebook Like Button

A single click on the Like button will ‘like’ pieces of content on the web and share them on Facebook. You can also display a Share button next to the Like button to let people add a personal message and customize who they share with.

Step-by-Step::

  1. Choose URL or Page
    Pick the URL of a website or Facebook Page you want to use with the like button.
  2. Code Configurator
    Paste the URL to the code configurator and adjust settings like the width of your like button. Click the Get Code button to generate your like button code.
  3. Copy & Paste HTML Snippet
    Copy and past the snippet into the HTML of the destination website.
  4. Remove Duplication If Necessary
    If you already have code to activate logging of app events, remove the autoLogAppEvents=1 statement from the pasted code to prevent duplicate logging.

In addition to the settings above, you can also change the following:

SettingHTML5 AttributeDescriptionDefault
actiondata-actionThe verb to display on the button. Can be either likeor recommendlike
colorschemedata-colorschemeThe color scheme used by the plugin for any text outside of the button itself. Can be light or dark.light
hrefdata-hrefThe absolute URL of the page that will be liked.Current URL.
kid_directed_sitedata-kid-directed-siteIf your web site or online service, or a portion of your service, is directed to children under 13 you must enable thisfalse
layoutdata-layoutSelects one of the different layouts that are available for the plugin. Can be one of standardbutton_countbuttonor box_count. See the FAQ for more details.standard
refdata-refA label for tracking referrals which must be less than 50 characters and can contain alphanumeric characters and some punctuation (currently +/=-.:_). See the FAQ for more details.None
sharedata-shareSpecifies whether to include a share button beside the Like button. This only works with the XFBML version.false
show_facesdata-show-facesSpecifies whether to display profile photos below the button (standard layout only). You must not enable this on child-directed sites.false
sizedata-sizeThe button is offered in 2 sizes i.e. large and small.small
widthdata-widthThe width of the plugin (standard layout only), which is subject to the minimum and default width. Please see Layout Settings below for more details.See standard in Layout Settings

For More Details Please Visit:
https://developers.facebook.com/docs/plugins/like-button/

#Stackofcodes #FacebookLike #FacebookShare #FacebookPlugin #HowToAddFacebookLikeButton #AddFacebookShareButton #DevelopersStackofcodes #StackofcodesDevelopers

Leave a Comment