Facebook Fan Page Design

On January 2, 2012, in Facebook, by Rowan
© Rowan Casey

If you want a good Facebook fan page design, you can either learn how to do it yourself, hire someone to do it, or use one of the free page builders.

On this page, I will be explaining all of the different ways to design a professional Facebook fan page, starting out with the free options.

I have used Pagemodo to create one page, you can see it on the welcome page of Social Promotion Services, which isn’t too bad.

The major problem with Pagemodo is that you have to pay a monthly fee in order to get the ads removed, or to design more than one Facebook fan page.

I have looked into some other free options like Wix, but I found that their ads were even more tacky, and I wasn’t going to pay a monthly fee for them to host my Facebook fan page, when I could quite easily design one myself.

Facebook Fan Page Design

Facebook Fan Page Design
I have designed a number of high quality Facebook fan pages, (or I think they’re pretty good anyway), which I will show you below, and I will also explain how I did it, in case you want to build one yourself.

I start out with an HTML editor like Aptana, and then I add a few different codes like a You Tube video embed code, my photo URLs plus the code to add the photo: <img src=”photourl”>

I have found the easiest way to write spaces in HTML is by entering &nbsp; which I use to move the photos, videos, opt-in forms and Pay Pal buttons into the right positions.

I use Photoshop to make photos with text on them, and then I embed my link in the photo to make it live.

In order to embed a link in a photo, you should use this code: <a href=”yoururl”><img src=”photourl” width=”10″ height=10″></a>

You may also want to add: target=”new” just before the first >. This will make it open in a new window, or you may prefer to build a mini site, where people stay inside the iFrame, although this requires building multiple pages that fit within the dimensions of 510 pixels.

You save the html file after you’re happy with it, and upload it to a folder in your server’s public HTML.

Then, you have to rename the file index.html after you’ve uploaded it, or it won’t work. Sound complicated?

Anyway, if you made your file public on a URL on your site, you take that URL, and enter it into the canvas page settings when building an app in the Developer’s section of Facebook.

You also need a SSL certificate on your server so you can give them a safe https address as well. I’ve explained this in more detail in a Factoidz article I wrote recently: How To Create A Facebook Welcome Page.

My Facebook Fan Pages

Affordable Social Media Marketing Services
Here are a couple of examples of pages that I have built recently for myself, advertising this site.

Welcome Page is a pretty good one, if I do say so myself. It’s got the You Tube video, the attractive looking text, and a link to this site, which opens in a new window.

Also on that page is a few tabs with different options. For example, if you click on the Facebook Page Likes tab, you can buy two hundred and fifty Facebook likes through the Pay Pal button on that page.

If you click on Buy Welcome Page, you are redirected to the page on this site called Facebook Welcome Page.

The image above is the one I use on my other page: Affordable Social Media Marketing Services.

I didn’t put a Pay Pal button on the pages to do with the Facebook fan page design, because I have to talk to people first, in order to work out what they want, and give them an estimate of how much it will cost to build.

If you want me to design a Facebook fan page for you, send me a message at [email protected]. I can do you a basic Facebook fan page design similar to the ones you just saw, starting at fifty dollars.

Tagged with:

Comments are closed.

WhiteHouse by PageLines