Add A Facebook “Face Block” to any site

I’m cranky – I wasted far too much time screwing around with this, and, it proved to very simple. However, directions on Facebook, YouTube, etc. – contained confusing information. Maybe I’m an idiot. Anyway, if I don’t write this down I’ll forget what I did. All I wanted to do was have a block of faces on a damned mattress website populated with Facebook “Like” people – we’ve all seen these things, right? First of all, as of May 2012, people cannot be fans of Facebook people – they can be fans of a business, or, organizational Facebook page (eg. a fan club page, your business’s name – whatever). I’m not sure, but I don’t think that it’s always been that way (hey..I could be wrong). Maybe it’s always been that way – that’s neither here nor there, at the the moment… Like I’ve said, it’s entirely possible that I’m an idiot…. Anyway, the first thing you need to do is create the darned Facebook, non-personal, account. You just go here and choose “business”, or, whatever best describes your little enterprise. Once you’ve got your Facebook page online you’ll want to note the URL – it will be something like this (this is the one for the mattress store….):

http://www.facebook.com/pages/Wholesale-Warehouse/3725082056433637

  • If your page is PHP: Create a PHP include with the following text, but replace the long string of digits which identifies your account with the correct numbers (they’re at the end of of your URL) – in other words, in this example replace 372502046133637 with the numbers at the end of your own Facebook page. Also, replace the link with the link to your page. Finally, replace text that says “Wholesale Warehouse”, in the example (of course). Then, just call the include where you want this to appear. You can set the height and width to whatever, change the font’s color and size, etc. 
    <script type="text/javascript" src="http://static.ak.connect.facebook.
    com/js/api_lib/v0.4/FeatureLoader.js.php/es_ES"></script>
    
    <script type="text/javascript">FB.init("85f99e3497856438038769874d4cf738487");
    </script>
    
    <fb:fan profile_id="372502046133637" stream="0" connections="9" 
    logobar="1" width="280" height="320"></fb:fan>
    
    <a href="http://www.facebook.com/pages/Wholesale-Warehouse/372509878618933637">
    <font face=arial><font size=2>Wholesale Warehouse 
    on Facebook</font face></font size>

     

  • If your page is NOT PHP: Do exactly what’s above, except put the first two lines of javascript in the head section of your page, and, put the rest where you want this thing to appear…..that’s it.

    [hana-code-insert name=’AdSense’ /]

Leave a Reply