1. Freebies
  2. Advanced Web Design Tutorials
  3. Make Custom Facebook Fanpages
Make Custom Facebook Fanpages

Make Custom Facebook Fanpages

Do you have Facebook fanpage envy? Get over it with this simple 7 step tutorial.

Have a Facebook fanpage you'd like to make stand out from the crowd? We'll show you how to utilize Facebook's own version of html (fbml) to easily make custom Facebook fanpages.

Download the Files

Download the Zip (below) to get all the files required. All you really need is access to a host account to hold your images (of course, you could sneak your way around that by using free image hosting sites). Follow these steps and have a new sexy Facebook fanpage up and running in no time.

Customize

  • 1. Download the Attached .Zip file
  • 2. In Facebook, Find an application called "Static FBML"
  • 3. Add it to the fanpage you'd like to use it on
  • 4. Click on "Go to App" to edit the settings (code) for your page
  • 5. Read setup.txt (in zip). Edit the code.txt w/ a simple text editor
  • 6. Insert the code into Facebook's FBML field
  • 7. View, adjust as needed, and set as your default landing page.

Now Enjoy!

That wasn't as bad as you thought was it? If you've found this tutorial useful share it! If you have any questions feel free to comment below.


Download
Facebook Custom Fanbox

Related Articles
  • 10 Responsive Frameworks You Need
    Bootstrap vs UIKit vs Foundation - We take a look inside all the popular frameworks on the market and find the 10 Responsive Frameworks You Need.
    10 Responsive Frameworks You Need
  • 20 Free & Sexy Wordpress Themes
    This post of great WordPress themes offers a wide selection of the best free WordPress blog themes available & also some handy WordPress website tips. We've included 20 free & sexy WordPress themes that'll help your website stand out from the pack.
    20 Free & Sexy Wordpress Themes
  • Beautiful CSS3 Button Set
    A concisely coded CSS3 button set increases usability across the board, gives you a ton of options, and keeps all the code involved to an absolute minimum.
    Beautiful CSS3 Button Set
  • How to use MAMP: Setting up MAMP
    Utilizing a local development environment is crucial for web developers, but it's not well documented. This guide to setting up MAMP will show you how to create your own PHP development server & how to use MAMP efficiently once you're all setup.
    How to use MAMP: Setting up MAMP
Written By:
Matthew Haeck
Raleigh, NC

Greetings, I'm the lead designer and resident full stack web developer at Haeck Design. A majority of my time is spent creating beautiful logos, websites, print design, & staying up to date on all the tricks of the web development trade.

Haeck Design - Stamp Logo