How to Put a Maddie (Or Any) Badge on Your Facebook Profile

To place a badge (or any custom HTML) on your Facebook Profile page follow the steps below. Note that the badge will appear in the left column, so must be narrow enough to fit in that location.

These steps use a special Facebook application named Profile HTML. There are probably other ways to accomplish this task. This is one way.

1) After logging into Facebook, find the “Applications” button at the bottom left of the page and click on it:

Step 1


2) Next click on the “Browse More Applications” link

fb02


3) Search for “Profile HTML”

fb03


4) Click on the “Profile HTML” result:

fb04


5) Click on the “Go To Application” button:

fb05


6) Click “Allow” button:

fb06


7) You will see that the “Profile Box” tab is selected. You want to use this tab. Ignore “Profile Tab”. The text box will be full of the default HTML. Delete all of it.

fb07


8) Copy and paste the HTML into the text box and click the “Submit” button:

fb08


9) Click the “Add to Profile” button:

fb12


10) Click the “Add” button:

fb09


11) Click the “Keep” button:

fb10


12) You’re done. Note that you cannot change the text in the title where it says “Profile HTML”.

fb111

. Bookmark the permalink. Trackbacks are closed, but you can post a comment.

6 Comments

  1. denise
    Posted May 10, 2009 at 10:14 am | Permalink

    Thanks for sharing how to do this!

    [Reply]

  2. Posted June 19, 2009 at 5:19 pm | Permalink

    Okay, but if I change my my mind later and want to remove will it be simple?

    [Reply]

    Ben Reply:

    Removing the badge: On your profile page click on the pencil icon at the top of the “Profile HTML” box. This will open a menu. One of the options on the menu will be “Remove Box”. Click that option, confirm, and it’s gone.

    [Reply]

  3. Tiffany
    Posted June 19, 2009 at 5:55 pm | Permalink

    Thanks for sharing this!!!!!!

    [Reply]

  4. Jennifer Harshman
    Posted July 29, 2009 at 8:19 am | Permalink

    Thank you! I’ve been trying to figure this out for a while (wish I were a techie LOL). Now my eHow and Suite articles are on my Facebook page.

    [Reply]

  5. Posted August 12, 2009 at 10:52 am | Permalink

    thank you for sharing this! i now have a maddie and liz logelin badge on my fb!

    [Reply]

  6. Posted March 28, 2010 at 2:45 pm | Permalink

    I can’t find the applications page at the bottom left. Which page is it on? It’s certainly not on the home page or on the profile page.

    [Reply]

    Ben Reply:

    Yes, Facebook recently changed their layout. I’ll have to update this post. In the meantime you can find the link to the “Applications” on the left side bar. It’s top option in the middle section.

    However, you can do this now instead: From any page type “Profile HTML” in the search box (it’s at the top of the page, near the Facebook logo). As you type a number of options will appear directly below the search box. The first option should be the “Profile HTML” applications. Click on that, then go to step 5.

    [Reply]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>