FACEBOOK FOLLOW BUTTON For Your Website

Follow on facebook

Hey people! In this tutorial I'm going to tell you how to integrate facebook follow button on your website.
You will need:

• A facebook profile.
• A facebook APP. ( If you don't know about facebook apps, have a look at this link first: GETTING STARTED WITH FACEBOOK APP. 
• Follow the instructions below:

Include the javascript SDK on your page ( if you have not done it already.
It will look like:

<div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=186481821476628";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>

Replace the highlighted number with your APP ID. 
This one is my sample APP's ID.
The include this in your webpage in the place where you want to have your facebook follow button placed:

<div class="fb-follow" data-href="https://www.facebook.com/techoyo" data-show-faces="true" data-width="450"></div>

 Now, Change the highlighted text with your profile name.
Thats it! You are done. 

If you found this article useful, Like our page: