I set up a Facebook fan page a few days ago. Now, I've put up a FaceBook Fan Box here at JoomlaBlogger. This box displays fans of my Facebook page directly in Joomla - not too many yet, but I guess that will improve in time ;). You can find the module at the bottom of the right sidebar.

To put a box like this in your own site you have a few options.

1.Use the Code Provided by Facebook

You can get the HTML from your Facebook page and put it into a Custom HTML module. Look for the link called 'Add Fan Box to Your Site'. You assign the module to a module position and you're done.

However, this can be challenging if your WYSIWYG editor messes up your code.

2.Use the Facebook FanBox Module

I found a small and elegant module that makes the process of adding a Facebook FanBox even simpler. Facebook FanBox is a free module created by Khawaib Ahmed. It lets you place a FaceBook Fanbox in your Joomla page. The only thing you need to enter is the Facebook API key and the page ID of your Facebook page.

Before you start, you need a Facebook API key. This is done by installing the Facebook developer app and following the instructions provided here. Without the Facebook API key, you won't be able to have the info displayed in the module.

Download the FanBox module, install it and assign it to a module position in your template. Then, enter your Facebook API key and Page ID - you're all set!

Additional Settings

There are some more settings in the module as well, like showing the stream of updates from a selected number of users. You can also decide on the size of the box and the text displayed, to mention some of the functions. Check out the screen shot below for more. I think Khawaib Ahmed has made a nice little module and enjoyed how easy it was to set up.

I didn't do that, but it's possible to customize the module even further by customizing the stylesheet. That way, you can have the box match your template even better.

One last tip: As the Facebook Fanbox already has a border, you might want to use a module suffix to removed the border around your standard module display (if there is one). In the template I use, Phoenix from YooTheme, I used the 'blank' module suffix to get rid of the module border.

So - get started and show off your Facebook following in your Joomla site!

facebook-fanbox-settings


JoomlaBlogger
Written on Wednesday, 19 August 2009 23:01 by JoomlaBlogger

Viewed 3243 times so far.
Like this? Tweet it to your followers!

Latest articles from JoomlaBlogger

Comment Rules: Critical is fine, but if you're rude, I'll delete your stuff. Please do not put your URL in the comment text and please use your PERSONAL name, blogger name or initials and not your business name, as the latter comes off like spam. Have fun and thanks for adding to the conversation! (Thanks to Tim Ferriss for the inspiration)

blog comments powered by Disqus