A few days ago I added something new to my Facebook Fan Page. I would not say I invented hot water but I haven’t seen it on other pages I visit, and it seems people liked it.
I added a Friends tab to my fan page and started adding people to it. I had some nice comments on the page and on some other pages. Also, I received a few messages asking how I did it. So here is everything you need to know.
Why did I add a Friends tab
Well, I think by now you know I love connecting with people. I also love promoting content from blogs I like to read.
Those blogs are written by real people. So I guess, at the end, I actually promote not only their great posts but the bloggers themselves.
I wanted to say Thank You to some of them for spending their time trying to teach us something, connecting with me and putting up with thousands of my questions.
I also wanted to say Thanks in a more permanent way, that won’t go down the FB wall every time I post something new.
I made a lot of landing pages for other people and I thought that would be something real easy for me to do and at the same time I would be saying thanks to those bloggers.
There is one very important note I need to add here!
If you are reading my blog, you know exactly what bloggers I refer to the most. And you don’t see them on my Friends tab, right?
Well, there is a big “tactical” reason for it.
I already said in a comment I made on my post 10 ways to run your Facebook fan page into the ground that people need a reason to become fans of your page.
If you have exactly the same content there as you have on your blog, why would they like your page? They can always just go to the blog and read it.
You get the point? I want to say thanks to bloggers (and any other fans) that connect with me ON THE FAN PAGE.
So, to get featured on my Friends tab, you don’t have to be my absolutely most favorite blogger. All you need to do for me, is make my page be alive. Comment, like, share, communicate with me on Facebook…
Want to do the same? Here is how…
How to add a Friends tab to your page and customize it?
I will assume that you have FBML application installed on your fan page. If not – go to your page, click Edit Page under the profile image, click Apps on the left hand side, scroll down and install the FBML app (it will be at the bottom of the page).
Next thing you will do is get the code, customize it for your page and put it on your fan page.
Here is the code. I divided it into 3 parts for easier customization. This is the one I use. If you want to change the font or something else, you will need to edit the code. If you want to edit only the friends and keep the settings as they are on my page, do not edit parts 1 and 3 of the code.
I marked red the text you can change, in case you want to use the same code. Note to coders: I am sure there is another and probably better way to do this but this is doing it for me, so please don’t bash my code :)
Code part 1
<font size="2" color="#000000" face="Arial">
<div><table width="100%" border="0" cellpadding="2" bordercolor="#ffffff" cellspacing="2" bgcolor="#ffffff">
<h1>Meet our friends!</h1>
Code part 2 – this is what you change
<p><img src="IMAGE HTML" width="100" height="100" hspace="10" style="float:left;"><br><br>FIRST PARAGRAPH OF TEXT.<br><br>SECOND PARAGRAPH OF TEXT<br>
You can delete the second paragraph if you don’t want it, that is where I put the Twitter links. The code saying <br> is creating white space between the lines (line break) so you can remove those you don’t need.
The <br> in front of the first paragraph is what puts the text lower, in the middle of the image. If you want the text to start at the image top, just remove those.
This code is for one friend. So you just copy and paste as many “parts 2” as you need.
Code part 3
OK, now that you have the initial code, add as many friends as you want and create a file with all of that together. I usually keep all my codes in a .txt file.
So if you have three friends, your code you should look like:
part 1 + part 2 + part 2 + part 2 + part 3
Add all the code to a custom tab. And that is it, you have your friends tab up!
My plans for the tab
I plan to edit my Friends tab a lot. I will add people that communicate with me via Facebook, especially my Facebook fan page. At the moment I have the idea of moving some people up and down so I would keep the most active “fans” at the top of the page. That way, when someone looks at the tab, guess who might get the click to the blog…
For now I have a link to the person’s blog and Twitter account on the Friends tab. I will probably be adding their Facebook fan pages as well.
Here are some ideas for you:
- create the same tab for your blog’s sponsors
- make a thumbnail list of your favorite blog posts on your blog
- thumbnail list of your favorite blogs
- your favorite Facebook fan page
The possibilities are unlimited. And don’t forget that you can create as many tabs as you wan’t.
I hope you found the post useful and that you will put it to good use. If you have any problems making this work, feel free to contact me. Share it with your friends.
Update: although Facebook is not using FBML anymore, you can create the same thing using iFrames.