How To Create A Custom HTML Box For Your Facebook Page

by admin on September 30, 2009

Let’s face it, Facebook isn’t the most visually appealing website, but I like that, because it doesn’t distract me from reading important updates. But regarding your business Facebook page, making it look good is a big challenge, because Facebook doesn’t allow you to alter the layout or look of it much. So unless you are in love with white space and navy blue, here is a short tutorial for how to add custom html to your Facebook page.

Step 1: Type into the search box, “FBML Box”

fbml11 300x152 How To Create A Custom HTML Box For Your Facebook Page

Step 2: Click on the link to the Application Fan Page

fbml2 300x125 How To Create A Custom HTML Box For Your Facebook Page

Clic

Step 3: Click on “Add To Page”

fbml3 300x130 How To Create A Custom HTML Box For Your Facebook Page

Step 4: Once the pop-up window shows up, choose the page that you want to add the FBML Box application, and click on “Add Page”

fbml4 300x272 How To Create A Custom HTML Box For Your Facebook Page

Step 5: Now, navigate back to your Facebook Page and click on “Edit”.

fbml5 300x178 How To Create A Custom HTML Box For Your Facebook Page


Step 6: Click on the pencil icon to the right of the FBML Box, and click “Edit” at the drop down menu.

fbml6 300x57 How To Create A Custom HTML Box For Your Facebook Page

Step 7: Enter a title and the custom HTML/CSS code or link to a pre-made graphic and click “Save”.

Now you are done, go to the Boxes tab on your Facebook page to see the finishes product. If you’d like the box to be its own tab, revert back to the drop down menu from Step 6, and click on “Application Settings”. Then click on “add” next to Tab.

If you want the box to show up on the sidebar of your page, go to the box in the Boxes tab, and click on the pencil icon. then, click “Move To Wall Tab”.

fbml8 300x157 How To Create A Custom HTML Box For Your Facebook Page

Questions or comments?

  • Aliah-anglez
    i cannot find the 'pop up' box........PLEASSE help me!!
blog comments powered by Disqus

Subscribe without commenting

Previous post:

Next post: