Facebook : Joomla : WordPress

Thanks to http://www.joomlajumpstart.com/general-joomla/13-joomla-resources/43-add-facebook-like-to-your-joomla-site for this information.

To connect your Joomla site to Facebook, follow these steps:

  1. Go to the Facebook developer page here:http://developers.facebook.com/docs/reference/plugins/like-box
  2. Enter the page number (found in your Facebook page URL) of your Facebook page.
    1. If you don’t have one, go to Facebook Create Page wizard and create a Brand >> Website page for your site.
  3. Enter the height (typically 200 pixels) that you want for the Like widget
  4. Click the Get Code button to generate the Facebook Code.
  5. Open the Joomla Administrator on your site
  6. Navigate to the Module Manager
  7. Click the New button
  8. Select Custom HTML
  9. Paste the code into the HTML box (make sure the editor is turned off).
  10. Give the module a name
  11. Click the Hide Title radio button
  12. Select the Module Position where you want the widget to appear
  13. Click Save

ISSUES after doing all this, my facebook like appears with nothing in it.
This is due to a feature in my Joomla editor deleting all (what it thinks) is no standard html code. To over come this in JCE, the editor I use do the following.

  1. Go to Components
  2. Go to JCE administration
  3. Go to Editor Profiles
  4. Click on the Profile name that the user, usergroup or component is assigned to, eg: ‘Default’
  5. Click on the Plugin Parameters tab, then on the Media Support tab
  6. Check that the Allow IFrames is set to Yes.
  7. NOW
  8. In Joomla 1.7, under the Article Manager, click on the Options button
  9. In the Options Dialog, click on the Text Filters tab.
    For the Super Users group, or any other trusted user group, set Filter Type to No Filtering. Make sure that you only set this option for user groups that can be trusted as setting the Filter Type to No Filtering will essentially allow the user to include any html in an article.
  10. Happy coding

For Word Press

  1. Download this file: http://wordpress.org/extend/plugins/facebook-like-button/
  2. Install into plugins (on the left hand side bar)
  3. Add New
  4. Use upload
  5. Browse to where the file was downloaded on to your PC/Laptop
  6. Click Install
  7. You should get a “Plugin installed successfully”.
  8. Click on Activate Plugin
  9. You are taken to the Plugins page and the Facebook Like should be active.
  10. Click Edit
  11. hmmmmmm


About howlmc

50 something geek, who has owned way too many computers.
This entry was posted in Joomla, Using Word Press, Websites. Bookmark the permalink.