How to Link Facebook with SharePoint 2010

In this post i am trying to explain, how we can link our facebook page with SharePoint.

Step 1: Add Content Editor Web Part to page

SP 2010 Content Editor

Step 2: Click inside content editor web part, Editing Tools breadcrumb will appear on top menu.

Editing Tools breadcrumb

Click on Insert Click on HTML tag button then select edit html source. Html source editor will appear like this:

Html Source Editor

Step 3:

Write following code in Html Source Editor

<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=155174084566571″;

fjs.parentNode.insertBefore(js, fjs);

}(document, ‘script’, ‘facebook-jssdk’));</script>

<div data-href=http://www.facebook.com/inf4web data-width=”350″ data-height=”500″ data-show-faces=”false” data-stream=”true” data-header=”true”></div>

OR you can copy this code into text file and upload this text file to site assest library of site then

• open the Properties pane for that Content editor web part ;
• in the Content Link box add the location of the uploaded text document

Content Link

Your SharePoint site page will look like something this, you can change the height and width of wepart easily.

Inf4web Facebook Page

If you like this post please click LIKE and visit my sponsors thanks !!!

Be Sociable, Share!

• 

Tags: SharePoint, SharePoint Designer, SharePoint Facebook