NOTE: This technology is now out of date so the video has been removed.
Well, you asked for it! Here is the first ever Blog Tyrant video tutorial!
Please head on over to my Youtube Channel and subscribe for all my updates. If you can’t watch the video I have written out the steps for you below.
Today I want to show you how you can very simply create a Facebook landing page for your Fan Page using FBML, just like Darren Rowse the Problogger has done. This is a fantastic way to make your page look less like Facebook’s brand and more like your own. Quite a few of the lovely Blog Tyrant readers have asked me how to do this so I thought I’d try it as the premier video.
Feedback wanted (no really!)
Please give me as much feedback as you can on this video as I would really like them to improve. My animator is actually making me a really cool 3D introduction with the Blog Tyrant logo so hopefully that helps pro things up a little bit. If you can’t stand my Australian accent I am open to trying others. I can do quite a good Japanese one!
How to make a Facebook landing page like Darren Rowse using FBML
FBML stands for Facebook Markup Language and it is an application that allows you to add images to the content area of your Facebook Fan Page. There are more complex versions of FBML but the one this video is centered on is called Static FBML so it is quite easy to follow.
1. Create an image
The first step is to create an image to use in the content area. It needs to be around 523 pixels wide but you have some room to move on the height. If you make it wider than this you will see a strange image once you upload it. Save the image as a JPEG.
2. Upload the image to the net
Navigate over to your WordPress Dashboard and then upload the image by clicking Add Post > Add Image. Copy the Link URL as we will need it later.
3. Go to the Static FBML Facebook Page
Head on over to Facebook and navigate to the Static FBML Page by searching for it at the top.
4. Add to your page
On the Static FBML page, under the profile photo, you will see link saying Add to Page. Click this and select the page you wish to add it to.
5. Navigate to your Facebook Fan Page
Head on over to your Fan Page and click Edit under the profile photo. Once there click Applications and find the FBML application.
6. Edit Application
Click Go to Application and give your box a title like “Welcome” or “Hello”. Underneath that, in the main content box, add the image code <img src=”your image url”>
7. You’re done
That’s it! The image should now appear under its own box next to the Wall and the other tabs.
The Facebook landing page should be simple and have a clear call to action based around getting people to interact with your page or your products on that page. Don’t expect people to know what to do next. I highly recommend spending a bit of money getting one professionally designed (I haven’t yet) as it can really help your page stand out from the rest.
I’m looking for ideas
I’m on the lookout for more video ideas. In the post about what you wish existed in the blogging world a lot of people said they felt “lost” when doing things related to the back end of blogging. If you can think of any specific ideas I am happy to show you so please leave a comment and let me know.