As you probably know, Facebook has changed the layout again for Page (Aka Fan Page)
If I develop an application for facebook page, is it possible to display the canvas/data on the sidesbars (Left or right) instead of main content/canvas page?
Thanks
No you can't you have to "Stick" with the frame Facebook gives you and alter your design to fit within the new structure (e.g. using horizontal tabs instead of sidebars)
Related
I'm designing my mobile website and using big tabs for navigation links, how can I show which page the user is currently on e.g the link background is red for example, without manually changing the css on each link per separate page.
My page uses a server side include using PHP for my header which includes my navigation. How can I add a class to separate pages this way?
You can do it using pure CSS.
Watch these reference videos.
Part - 1
Part - 2
Hope it helps.
I'm absolutely new to coding and am trying to add a like gate to my Facebook app (a simply blog feed created using a wordpress plugin)
I really want to make a like gate for the app... ideally it would be an ajax style popup that greys out the content until the page is liked, or a transparent graphic which does the same.
Does anyone have any idea on how to do this? I'm completely stuck!
Like-Gates are usually in App Tabs, where it's possible to check if the user liked the page without forcing the user to authorize your app first. So your first step is to research how to use signed_request to determine if the page has been liked. If the page isn't liked, show the ajax popup. For the 'ajax-style-popup' you can use something like leanModal
I tend to place a sign up form on facebook like on the website that is being developed for it. The site is developed by using php and Joomla. The fanpage is created using HTML and CSS. The site has a sign up area. I tend to put a similar (best if it is same) sign up area on facebook fanpage. Is there anyway that I can use the same data base to store both of them?
Thanks.
This is easily acheived using an iframe tab on your Facebook page, because it's inside the iframe the page you're referencing can refresh without refreshing the parent meaning you can post form data easily, remove to use target="_self" to make sure that this works as expected. Here is more information about it:
http://developers.facebook.com/blog/post/462/
Additionally due to width restrictions you may want to utilise ?tmpl=component on your Joomla website for ease.
Here are some loose instructions, I would give you a link to a podcast but Facebook application manager has just been completely overhauled so none of the tutorials I found are relevant, here goes:
1) Goto http://www.facebook.com/developers - It will ask for permissions press "accept"
2) then goto http://developers.facebook.com/apps
3) Click "create new app" in the top RH corner
4) Enter a name for your app in the popup, and agree to the terms (you may be asked to fill in a captcha afterwards).
5) Scroll to the bottom of the new page, and click on "Page tab"
6) Fill in the 4 fields, edit URL isn't necessary it can just point at your main url. https is a good to have as a lot of people use Facebook through https.
7) Press "save changes"
8) In the left hand column click on "view app profile page"
9) Then on the new page in the left hand column click on "add to my page"
10) Pick your page from the popup that appears.
11) goto your existing page, click on edit page and you will see the option to create a new tab using your iframe application.
Let me know if you need more details but these simple instructions should get you most of the way accompanied with the Facebook doc I posted above.
I want a facebook fan page with something like this:
With new design/theme, matching to my new website (orange/black)
Custom Logo/contents display
30 boxes short description, on mouse hover, get some highlight for box and on click of specific box, opens a new pop-up
pop-up should contain more detailed description and a link to specific page on my website
I think above things are achievable using FBML but any good ref/guide would be appreciated to help me quickly develop such a thing.
FBML is being deprecated by Facebook. You can create an iframe application instead. In an iframe you can basiclly do anything you like. As for themeing the page, you can't touch the facebook design. You can only control the contents of the iframe itself. You can however upload an image for the "profile picture".
Here is a guide for iframe apps for your reference:
http://www.hyperarts.com/blog/adding-iframe-application-to-facebook-fan-page/
Here is the reference site where you find the full demonstration of custom FB fan page.
You can achieve that using fb api.
http://www.kimwoodbridge.com/how-to-create-a-custom-facebook-fan-page/
http://blog.theunical.com/facebook-integration/simple-steps-to-publish-on-facebook-fan-page-using-php/
http://www.webdigi.co.uk/blog/2010/creating-a-custom-facebook-page/
I have to develop Facebook app and put it into custom made facebook page as a side widget.
what are alternatives on customizing Fan page (one I googled is through static FBML - FBML)?
also I need to provide backend part in clients site so banner in the page can be changed from there. considering this I assume the "static FBML" is not an option right ?
anyhow any directions would be much appreciated
FBML stands for Facebook Markup Language. Here is the Facebook Developer page about it, and here is a list of allowed FBML and HTML tags within Facebook apps.
I'm not sure what is meant by "static" FBML, since the FBML can be generated dynamically by your PHP code just like you could do when outputting HTML. But hopefully one of these links will be of some help to you.