ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

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


      6 years ago

      Great videos brother ... very helpful

    • profile image 

      6 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


      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


      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 

      7 years ago

      Creative facebook fan page design

    • thougtforce profile image

      Christina Lornemark 

      7 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 imageAUTHOR


      7 years ago from doha, qatar

      @GmaGoldie thanx for your comment

    • GmaGoldie profile image

      Kelly Kline Burnett 

      7 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 

      7 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.


    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at:

    Show Details
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the or domains, for performance and efficiency reasons. (Privacy Policy)
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)