ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Technology»
  • Internet & the Web»
  • Social Networking»
  • Facebook

How to Edit Facebook Fan Page - Custom design

Updated on April 1, 2013

Learn how to customize your Facebook Fan page

Facebook is the most popular social networking site in the world, yes everybody know's it without any doubt. Facebook offers us to make "fan page"(for celebrity,local business , organization etc) by which we can give update to the people who are fan of your fan page. If you don't know how to create a Facebook fan page then at first you should learn it. Just open without getting login. At the first page, Look beneath sign up you will see create fan page. You just click and follow the step to create your fan page.

Now the real part. The main purpose of this hub page is to give you the idea how to customize your fan page by putting new tab and customizing them according to your wish. As you can see in the above picture, in the fan page of Cricket Australia they have edited new tabs which includes fixture , players, welcome etc. If you also want to customize your fan page , then this is the best hub you are looking for.

Step 1: To customize your Facebook fan page at first you have to add static FBML to your fan page. Just click here or type Static FBML in Facebook search bar. Then you will find the page of this application , look at the left side and click Add to my page. Then select the fan page you wished to add this application. (see at picture 2)

Step 2

When you have finished adding FBML to your page then go to your fan page and click Edit Page from the left side of your fan page bar. Now again look at the left side click Apps and then find out the FBML . Please follow the picture


Step 3

Now the most important part. Click Edit setting (from the FBML as i have marked in the picture) and then click add. You have just added a new tab in your fan page but it will appear as FBML and there will be nothing, it's because you haven't customized the new tab yet. Now click go to application (from FBML same as it is given in the picture) . When you will click go to application a new box will appear. Box Title & FBML: . Here in the Box Title you have to give the name of your Tab. For example i have a fan page of Bangladesh cricket team so i wanted to create a tab for showing the list of the players name , picture, details etc. SO at first i have given the Title as "Players". Mow in the FBML: you have to give the HTML code of the content you want to post. If you don't have any idea about HTML then please click here and learn some basic things about how to post a picture(by HTML code). To post a picture at first i have uploaded the picture to any random site for example (facebook, photo bucket etc) . Then copy the link for that picture. Below is a sample HTML code for a picture

<img src="http://www.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.jpg" width="225" height="151" alt="Milford Sound in New Zealand" />

Paste your picture code instead of that (http:://www.xxxxxxxxxxxxxxxxxx.jpg) . Adjust the height and width of your picture according to your wish.

Follow the picture below:


Final Part:

Edit the Html code according to your wish and then click Save changes. Reach your fan page and the check the new tab whether everything is correct or not. If you don't feel it is good enough go to Edit page again and click Apps. Then in the same way edit the Html code. You can try different code to make your fan page one of the most attractive fan page . I hope i have helped you to understand the basic concept to Edit your Facebook fan page. Below i am posting the picture of  my fan page Tab after editing with FBML code. 

The final tab after all the editing, you can do better if you have more knowledge in HTML tags
The final tab after all the editing, you can do better if you have more knowledge in HTML tags | Source

Thank you for reading

Thank you all for reading my article and apology if I failed to explain it well . Please don't forget to rate it and post comments.

I have started a new blog and trying to write some useful tips for readers, you can visit my blog if you want, click here to visit my blog

You Might also like to read about -

How to increase Fans in Facebook Fanpage

Advantages and disadvantages of Facebook

please vote

How many hours you pass in browsing Facebook?

See results


    0 of 8192 characters used
    Post Comment

    • profile image

      cristy joy 4 years ago

      Facebook is nice

    • profile image

      Aadil 5 years ago

      Great videos brother ... very helpful

    • profile image 5 years ago

      I have create a fan page in my design but at the next time it can't possible. So can i create multiple FBML application in a page.

    • profile image

      ilyas 6 years ago

      hey bri its so nice plss can u mail me some tricks on my yahoo id , and can u give me u r yahoo id ,

    • profile image

      messinho 6 years ago

      good job and nice info thanks! :)

    • profile image

      arjun singh rana 6 years ago

      tht's gr8 ........i mean that trick is 2 much gud.....i really likes ur trick........

    • profile image

      Kyle Pierce 6 years ago

      Creative facebook fan page design

    • thougtforce profile image

      Christina Lornemark 6 years ago from Sweden

      Thanks for this useful tips! I like the way you have explained this in steps! I do not have a Facebook account, not yet! I still feel a bit hesitant if I really need one. But I will remember your hub, when and if I decide!

    • tnvrstar profile image

      tnvrstar 6 years ago from doha, qatar

      @GmaGoldie thanx for your comment

    • GmaGoldie profile image

      Kelly Kline Burnett 6 years ago from Madison, Wisconsin

      I have to get better at Facebook. Have bookmarked this for future reference. Thank you!

    • livewithrichard profile image

      Richard Bivins 6 years ago from Charleston, SC

      Great hub tnvrstar. I'm trying to teach myself fbml and I have made a simple fanpage to play with. You can see what I have done here:

      The code I use places attention on the like button and changes after someone clicks on it. It also provides an image link to an affiliate I promote and a box of info.

      I haven't thought of any design features yet to implement but I'm leaning towards something interactive.