How To Add A Facebook Fan Box To Your Site

Written by | Posted in Web Design | Posted on Date 20-02-2010 | Comments 10 Comments
Tags: ,

A lot of website owners are making fan pages for their websites. For me, because I have several sites, I just have one here on Blondish.net to myself in general. However, I found after I put the fan page widget on my site, people were emailing me or sending direct messages to ask how I did it. So, here is a tutorial on how to place a Facebook fan box widget on your site.

Facebook Tutorial1. Look for the link “Edit Page” link under your fan page image in the top left corner. This will take you to the administrative page for your site.

2. To the right of the general options, there are a few sections. One is called “Promote Your Page”. Click on the link that says “Promote with a Fan Box.”

This will lead you to a page that you can select the page you want to promote and Facebook will generate a code.

Facebook Tutorial 3. Select the code best suited for your blog. For those with WordPress, choose the button “Other.” Copy the code.

4. In WordPress, you can place the code into a widget. (This is located in the sidebar of the WordPress admin under the section “Appearance.”)

5. You can adjust the code to show how many or how few avatars on your fan box. You can also adjust the size. To adjust the number of people to show, look in the code for : connections=”10″

Ten is the default number. You can change this to any number, but do remember that you may have to adjust the size of the fan box.

Sound easy?

This is also for connecting via social network handles.

Related Posts

About Nile Flores

Nile is 30 year old female from Southern Illinois. Nile is a mother of 1 son. She is also a web and graphic designer, who exclusively designs using WordPress. She is currently a student working for a Bachelors in Business. She also blogs at WPAddict.net and FamousBloggers.net

Connect with Nile at: Twitter | Facebook | LinkedIn

Nile has written 686 articles at Blondish.net.

Comment Policy

Please do not leave just keywords for your name. You will no longer be approved. The correct way to leave your name is YOUR NAME @ YOUR KEYWORD or YOUR NAME | KEYWORD if you choose to use a keyword.

Comments (10)

  • Great to share this post!

  • Social comments and analytics for this post…

    This post was mentioned on Identica by blondishnet: How To Add A Facebook Fan Box To Your Site http://blondish.net/how-to-add-a-facebook-fan-box-to-your-site/

  • Shorty says:

    Thanks for this information. I just added a fan page to Shorty, and was wondering if I did it correctly. Since it has one fan showing, it is safe to assume that I was right.
    My recent post Sales Assistant at Clear Channel – Deadline: 2/26/10

  • Chrisy says:

    Hi, thanks for the info. Is it possible to include in the feed those who are already my facebook fans? Thanks in advance, Chrisy

    • Nile says:

      Do you mean, allow your fans to comment and let it show up on the front wall?

      If so, yes you can. There should be a settings link to the right of the links that says “you”, “you+fans”, and “just fans”.

      It should open up and let you change the settings to allow your fan’s comments to show up on the front wall along with your own updates.

      • Gene says:

        I did this, but the fan's comments still don't show up within the widget on my external site. How can I get fan comments to show up within the widget's stream to show fan involvement to visitors of my site?

        • Nile Flores says:

          Facebook has detailed documentation that you can click on and learn more about adding more to add to your fanbox. It may be a missing part of code as it uses a HTML.

  • Just found your site. I'm from Illinois myself (Champaign). Good tutorial. I'm going to try it tomorrow after Thanksgiving dinner – maybe it will keep me awake. :)
    My recent post Consumer Friendly Home Building Guide- How to Plan- Build and Buy Your Dream Home- and Save Thousands!

  • Prince Smith says:

    Thanks a lot for sharing this article about how to add a fan box to my site. I badly need this info. :)
    Prince Smith recently posted..A Role in Weight Loss ProgramMy Profile

  • Write a comment

    CommentLuv badge