You know, I waited this long because I wasn’t entirely sure I could even go through the steps again and re-create what we did. Considering I currently am at the web dev level of a Kindergartner, I figured our success was due to repeated mistakes and reconfiguring, much like that of a first time parallel parker.
Anyway, it appears I CAN re-create the steps and now I want to show you how you can avoid the 45 point turn angling into that parking space of web know-how.
START HERE: What the F am I supposed to do first?
How many times have I said this to myself? A million? Starting this project was probably one million + 1. Or 50. I don’t know.
I started with a pen and a piece of paper. These are handy tools everyone can use in web dev, since I can assume everyone has opposable thumbs and can operate writing devices Everything I’ve started I’ve drawn out first, and you should do this too. Or don’t. What do I care?
Answer a few questions:
1. What do I want to make this look like?
2. What do I want it to do?
3. What is the end goal?
Then the next question… oh, wait! Let me back up here. Let’s call this “How to Create a Dynamic FBML Tab Part 2.5” because I want to tell you how to make a page and then get this “FBML” thing on there. That’s important, because your page doesn’t automatically come with this pretty tab making application.
(I’m also assuming you know what FBML is and what it does, if you want to me to go through that you’re just going to have to request that separate post. Or maybe I’ll just do it.)
Okay, okay, number one, you’ve made your way to this screen:
What does what do? Huh? What? Where?
Note how there is a “community” option and an “official” option. If you’re doing this for money or the hopes of getting money in the future, choose official. I don’t know what the community page does right now, but once I get around to posting on a more regular basis, I’ll post about the difference between these.
I’m guessing the official page and having to verify your “officialness” is so brands won’t have some yahoo making an official looking page, then pulling some hood rat shit on the content and ruining your brand.
This is of course only my opinion, and there are a lot of times my opinion is horrifically wrong.
You should now be seeing this page that looks like The Riddler’s unitard, but in Facebook colors.
This could also be a screenshot of my thoughts. Lots of question marks.
Alright, so hell yes! You’re officially official and the mayor of Your New Pageville. Now what? Now you make it pretty with your logo, or photo or whatever image you like because you are the mayor and you don’t answer to anyone! (What is my deal today?) The maximum image size for that avatar (not the movie) is 180×540 pixels, so try to use the whole thing because bigger is more eye catching. Everyone knows that.
Here's a screen. Look at it.
I choose Jon Hamm and my mindblowing photoshop skills:
Wow, your page is lookin’ all fiiiiiine! Yeah, but does it have a job? Head to “edit your page” so you can explain to readers what the hell you actually do around here.
Umm, so what the hell do I say here? Is that what you’re thinking? It’s kind of like writing a resume, isn’t it? What do people want to know about me? Well, people are nosy asses, so include the most interesting details about yourself and what you want them to know/think about you. Be sure to use a voice that reflects your whatever it is you need a page for.
Here’s a visual:
Look at this masterpiece.
Let’s go through these other words over here on the left now, shall we?
This screen is kind of like your control panel, where you can block people from seeing you so you don’t go to the Hoosegow for advertising booze to toddlers, set up if you want to get all up in peoples’ phones and if you want one or more of your colleagues/family members/trusted non-crazy to be qualified administrators of your page. Be sure you trust them to have all the permissions you do here, because one dumb dumb can throw your code out of whack and the next thing you know, your pimp hand is out and you’ve slapped a ho into next week. Just warning you.
Here are some other screens we can talk about in the future:
READ MY PAGE!
Good for those what am I doing here moments.
And here we are, back to the instigator of this circus of a blog post, the FBML tab. Head on over to “applications,” and let’s begin.
These are all tabs. Look, seriously.
Look at all these parts that make up your page! Each of these applications are actually tabs on your page. Why can’t they just say tabs instead of “applications?” Hell if I know. Do they like confusing people? Does it make them giggle?
Okay, now you need to install the hell out of “Static FBML.”
Now your list of apps looks like this!
See it in your applications now? Super. Click that.
Okay, now we tinker with what this tab is going to say, do, etc. See this? If you’re able to understand HTML and other web things like Java or Flash or iSomething, you can do some really incredible things like add a movie trailer, livestream an event or show the universe a slidewho Weird, I just started writing slidewhore. What I meant to write is slideshow. Maybe you could add a slidewhore, too.
What I’m trying to say here is that with FBML, the opportunities are becoming endless.
Your FBML Box - Give it a name other than FBML
Add your flavor all over this.
Look at that tab! WHO’S THE SMARTEST PERSON ALIVE?! OMG, YOU ARE!
Now that we’ve gotten that out of the way, now I feel like I can give you the real part two, which is the actual “dynamic” portion of the tab.
P.S. Sorry my photos are all over the place like your drunk aunt. I’ll fix that when someone enlightens me on what’s up.