Web Design expert - XHTML & CSS developer - jQuery builder - Graphic Designer
FFA employee - Husband - Step Dad - Brother - Son - Believer - Basketball player
Oil Painter - Percussionist - Pitt Illumni - ESPN Fanatic - Red Box enthusiast

Blog | Dec 5, 2011

Facebook Acitivity Feed

Use activity feeds to display your page content onto your personal web page. If you have a facebook "Page" [which is different from your normal account page], then this techinque is right for you. We'll use Javascript to make the connection. Place the following SDK code on your personal web page, right below your <body> tag...


<div id="fb-root"></div>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>


Also place the following code within the <body> area of your HTML page and change the data-href URL to your Facebook "Page" URL.

<div class="fb-like-box" data-href="http://www.facebook.com/pages/Kensley-Lewis-Productions/187615847934661" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>


That's it! Here is a live demonstration of my Acitivity Feed...





Web Design Portfolio

Graphic Design Portfolio



[X]

Friends & Inspiration

Voxiant

Insight Writer

CMS Made Simple

OscMax


[graphics/ffapaper.jpg]
[graphics/box.jpg]
[graphics/yum.jpg]
[graphics/ptso.jpg]
[graphics/ffa.jpg]
[graphics/twitter.jpg]
[graphics/storm.jpg]
[graphics/clouds.jpg]
[graphics/redbirdrmx.jpg]
[graphics/crush2pieces.jpg]
[graphics/floral.jpg]
[graphics/esv.jpg]
[graphics/dbz_spirit_bomb.jpg]
[graphics/loveyou.jpg]
[graphics/abstract.jpg]
[graphics/cambodiav2.jpg]