Can anybody guide about how
does the new FB timeline incorporate the iframe for its pages.
Or is there any new stuffs coming in to replace these stufs?
The way you create and display your iFrame will be the same, except for a size change.
The new iFrame will be 810px wide, instead of 520px - existing tabs (apps) that are set to 520px will just be centered on the page, so they aren't "broken." Giving us 290 extra pixels is great!
You can no longer set a tab as "default landing page". Instead, users always see the main Timeline view and have to actively click through to custom apps.
To edit which apps you display, click the drop-down icon to the right of the tiles, click the ‘+’ button to import your custom apps, and then hover over them and click the pencil to swap them around.
If you have a contest or something on a tab which you would have wanted set as the "default landing page", you can create a post on your page which has a few sentences advertising such, with a link to the tab. You can then "pin" this post to the top of your page, so it will be the first thing users read. "Pinning" and "starring" on your Page act exactly like they do on your personal timeline.
Here's a good explanation of all changes
Related
I am pretty new in Typo3 world (I came from Joomla and WordPress) and I have a doubt related to well understand what is the difference between disable a page and hide the page in the menu in Typo3.
I have create a new test page and I don't want that now it appears in my left main menu.
So I click on the Access tab of this page settings and I tick the Hide (In Menus) "checkbox" so the page exist (I can access and see it using its URL) but don't appear in my main menu.
This is pretty simple but, near to the previous options, I also find the Disable (Page) checkbox. So I have try to tick this checkbox (instead of Hide (In Menus)) and happens something that I did not expect:
My test page appear again in my left main menu (I have no hide it but if I thought that if I disable a page, it is as if this page does not exist, evidently the typo3 operating logic is different from what I expect)
If, in my left main menu, I click on my test page link: the page is open but on the right top corner on the page appear to me the following textual message PREVIEW!
What it mean? I am logged as administrator, maybe the normal visitor can't see the disabled pages whereas administrator\editor see these pages? Or what?
Tnx
Andrea
Disable page = Nobody can see the page. The page is removed from the menu and it can't be accessed with the URL. You see it because you're logged into the backend. That is also why you see the red sticker 'Preview', because it is a preview.
Hide in menu = Page is hidden from the menu and the sitemap, however, it can be accessed with the URL.
Check the following documentation:
http://docs.typo3.org/typo3cms/GettingStartedTutorial/
There is a very short mapping between TYPO3 and Joomla:
TYPO3 "disable" = Joomla "Unpublish Article"
TYPO3 "hide" = Joomla "Unpublish Menu Item"
Cheers,
S.
I am not sure what the correct way to ask this question is.
I will post a screen capture and let that assist me.
Notice the bottom of the screen capture. There is a row of buttons. They are Pictures, Likes, and BookNow buttons. How are buttons added to that location? What is the name of that portion of the screen? How can I add a button like the BookNow button?
These buttons are called Tabs which are displayed on a Facebook Page. There are few tabs provided by Facebook that a Page Admin can add to his page like Events Tab, Videos Tab, Photos Tab and Likes Tab.
Page Admins can additionally install other custom or available Page Tabs as per the requirement to increase the User's engagement with the Page. BookNow! App in your attached screenshot is a custom Page Tab that the Page has installed to allow other Page Admins to add the same to their Business Pages.
To add a custom Page Tab to your Business page you need to invoke the Add Page Tab Dialog box and select the Page from the list of Pages that your administer to add the Page Tab.
I'm basically creating a 520px wide welcome page for Facebook which I will upload onto the server and then Iframe it into a Facebook fan page. I'm doing this using HTML, CSS and JQuery rather than the old FBML method.
I've seen a lot of companies using an overlayed image to tease the user to 'like' the page. Once the user have liked the page, the content underneath is visible.
Examples:
https://www.facebook.com/redbull
https://www.facebook.com/smirnoffus
Red Bull - when the like button is triggered the transparent image is hidden to show content underneath
Smirnoff uses an image to give the illusion that the image is overlayed on top of the content. Somehow when the like button is triggered, the image is swapped for content.
Can anyone shed any light on how this can be acheived? I don't mind which one - Smirnoffus looks easier but might be a pain as everytime I update the content, I'll need to update image too.
When a user likes your Facebook fan page, Facebook will reload the whole page. You can then use server code to inspect the signed_request post parameter that they will send over. This question has an example code of how to detect if they liked the page in server side code.
How can I change the FBML tabs Icon from the default one to a custom one, please?
It does have an icon with the new layout and it looks terrible.
Found this video about changing your own app's icon: http://www.youtube.com/watch?v=eIcG5VekxM0
But that doesn't apply to the FBML tab (since it is not my app).
As far as I know, FBML tabs doesn't have an icon, just text.
Maybe do you want to change your facebook app icon that appears on the user's app menu on the sidebar?
If it's this, you can change it on the app settings, there are two images to upload: one will appear on the permissions dialog and the other is the 16x16px that I've mentioned before.
I don't exactly have an answer but because my question is exactly the same as yours, I thought I'd add on here. But do tell me if I shouldn't be doing this and I'll remove it immediately.
I see ChickFilA uses customised icons for their tabs. Wonder if they developed their own app(s) thus the ability to customise the icon(s), or if there really is a way to customise FBML icons.
There's no icon for FBML tabs. But there's an icon for an application based Facebook tab. Here's how.
Create a Facebook app that can be integrated as a tab (Choose Page Tab Type as FBML)
E.g. Chick Fila created Spicy Biscuit app http://www.facebook.com/#!/ChickfilA?sk=app_119130604778515 that actually was later rendered as a Facebook tab (named Spicy Biscuit)
When you create an app, you can add an icon.
Submit your app to the Facebook app directory (Your application must have at least 5 total users or 10 monthly active users before you can submit it)
Now, go to the application page. E.g. Chick-fila Spicy Buscuit http://www.facebook.com/apps/application.php?id=167096109994873
Click Add to my page. Add it to the page you want to the tab embedded.
Done.
On Facebook you can browse the site without affecting the floating chat windows. Seems like if the main page was inside an iFrame and the footer and chat windows where floating outside.
(source: k-director.com)
Is the main content inside an iframe or are the footer and chat windows the ones inside an iframe?
The later doesn't seem possible because int this case when you click in a link in the main page everything would have to reload, including the footer iframe.
If you refresh the page the chat windows are reloaded, but if you browse the site by clicking links they are not.
Thank you.
If you install FireBug and enable the net monitor for Facebook, you'll see that when you click most links inside the application, you're not doing a full page refresh, but rather an AJAX call which updates the page with the new content.
It looks like a new page, but in reality you're on the same page with just about everything but the chat-bar replaced.
Probobly just an absolutely positioned div, containing a scrolling div for the content. Ajax would provide the content.
The chat windows do indeed refresh when you load a new page, they maintain their viewstate however (open/close/chat history).
It's an absolutely positioned div, positioned at the bottom of your browser window. It's not hard, I cloned the Facebook chat for ClockingIT from scratch in a weekend.