After reading PhotoShelter’s Facebook Fan Pages for Photographers Guide, I decided to create a Facebook fan page for NiO Photography. Finally! I have many ideas for the fan page, so it will probably be a work in progress for a while. Something I included immediately however, is a gallery (photo wall) with recent images from my PhotoShelter image archive. I did this using the NiO PhotoShelter RSS Gallery widget. So, no uploading of images to Facebook and the gallery automatically refreshes when new work is uploaded to PhotoShelter. Have a look … and make sure to also “Like” the page whilst you’re visiting :
In this post, I will share how I included the PhotoShelter image gallery in my Facebook fan page, provide a few screen shots of sample galleries and provide a link to download three sample applications. To add a gallery to your Facebook fan page, you will need to have the NiO PhotoShelter RSS Gallery widget up and running.
Special thanks go out to my colleagues Dan Morris (www.danmorris.com) and Dave Pattinson (www.davepattinson.com) for helping me with setting up and testing the NiO PhotoShelter RSS Gallery widget on Facebook!
Ok, here are the steps for making it work:
A link to download the samples is provided at the bottom of this post.
Upload the samples to the “niorssgallery” directory on your domain (facebook1.php, facebook2.php and facebook3.php). Leave these samples as they are for now.
This sounds scary, but it really isn’t. Go to develop section of Facebook (http://www.facebook.com/developers/), log in using your normal Facebook credentials (if you’re not already logged in) and hit the “Set up new App” button at the top of the page:
This will take you to the following page:
The only thing you need to do here is to give the application a name and agree to the terms. The “App Name” you specify will be the “Tab” name on your Facebook fan page, so pick one carefully! After clicking the “Create App” button, you will be asked to fill in a Captcha code to verify that you are human. Once that is confirmed, the following screen will appear:
Use the screen to fill in a description for the application and to provide an icon for it. The icon will appear next to the tab for the application on the Facebook fan page. Once that is done, click the “Facebook integration” option in the menu to the left (you don’t have to save first). This will take you to the screen below:
In the screen above, you need to tell Facebook where to find the content of your application:
You can leave the rest of the options as they are. Hit “Save changes” and you will have created the application.
Once the changes have been saved, the “My Apps” page will appear. Please note that “Edit Settings” can be selected if you want to make changes to the application later:
Select the “Application Profile Page” option. This will take you to the profile page of your application. Select “Add to My Page” in the left sidebar menu. A pop-up will appear:
Select your fan page from the list to enable the application and to finalize this process. Check your fan page to see if it works.
Once the sample works, you can start hacking and customize the widget settings to your liking (you can use the readme.pdf that came with the widget)! The first thing you need to do however, is to edit the sample and replace the url’s with “niophoto” in it, to make sure they actually point to your domain. You also need to replace the RSS feed parameter of the widget to make sure your own images show up.
In Facebook, the NiO PhotoShelter RSS Gallery widget offers all of functionality as available when used in for instance WordPress. Images link through to PhotoShelter, can be resized, made square, shown with or without captions or headlines, etc. If needed everything can be styled using CSS.
A few tips:
The download offers three sample setup’s (click the image to see a larger version):
A photo wall set-up with the images visualized against each other.
A gallery with square thumbs.
A gallery with thumbs that have captions underneath.
The Facebook samples can be downloaded using the link provided below:
Click to download version 1.0.1:
If you like the NiO PhotoShelter RSS Gallery widget and decide to use it, please donate, blog about it or provide a credit on your site with a link to my site (http://www.niophoto.com).
The Facebook samples are free software: they can be redistributed and/or modified under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or any later version. The widget is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.