HDTutorial
EN

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to insert Facebook like button on website

21,100 views November 8, 2013 2:09

Watch on YouTube
ChannelInternet Services and Social Networks Tutorials from HowTech

Description from the creator

This tutorial will show you how to add a Like button to your website.

Don't forget to check out our site howtech.tv/ for more free how-to videos!
youtube.com/ithowtovids - our feed
facebook.com/howtechtv - join us on facebook
plus.google.com/103440382717658277879 - our group in Google+

This tutorial will show you how to insert Facebook like button on website.
 
Step # 1 -- Accessing the Social Plugins Page

First, go to "www.facebook.com" and make sure you are logged into your Facebook account. Once logged in, type the following URL into your window address bar: "developers.facebook.com/docs/plugins"; to get to the Social Plugins page.
 
Step # 2 -- Sending the Button

Click on the Like Button link, which is the first plugin shown. Next, enter the URL of the web page you would like to add the like button to in the "URL to Like" box (be sure to use the full address, starting with www.), un-check the "Send Button" box unless you are experienced in Java.
 
Step # 3 -- Customizing the Buttons Options

Now choose from the three layout styles (you can see the example like button change styles as you change the layout style choice), adjust the pixel width if the default is too wide or narrow for your purposes, choose whether or not to show profile pictures of people who like your page below the button by checking or un-checking "Show Faces," select the font and color scheme from the available choices, and finally select "like" or "recommend" as the display word for your button.
 
Step # 4 -- Getting the Code for Your Website

Now, you are almost there, simply click the "Get Code" button, choose the type of code you would like to use, and paste it in the code of your page where you would like your like button to go. If you choose HTML5 or XFBML, there are two and three, respectively, sets of code that you will need to paste into your page. If you choose IFrame or URL, there is only one piece of code to paste.

You now know how to insert Facebook like button on website.

About this tutorial

Internet Services and Social Networks Tutorials from HowTech published this 2:09 video tutorial on November 8, 2013. It has been watched 21,100 times on YouTube.

Duration
2:09
Published
November 8, 2013
Views
21,100
Likes
53

Share

This tutorial in other languages