Top 10 Facebook Apps for Building Custom Pages & Tabs. How to Build the Perfect Facebook Fan Page, 2011 Edition. This article is updated!
Please refer to the latest How to Build the Perfect Facebook Fan Page article here..This is a guest post by Tim Ware, owner of HyperArts. You can follow Tim on Twitter or on Facebook. With Facebook’s recent changes to the layout of fan pages (aka business pages, aka brand pages), has come the opportunity for those with creativity to design a much more compelling and fully branded page. Much More Screen Real Estate! In the old Page layout there was really only the Profile Picture and custom tabs where design could be applied. Come si crea una landing page per Facebook senza nessuna conoscenza di programmazione? How to Make a Custom Facebook Page with an Iframe Application: Updated Instructions. Posted on 6 September, 2011 By Kim Woodbridge Last Winter I wrote a popular article on creating a custom Facebook page tab with iframes.
Since Facebook seems to enjoy changing the interface and settings as soon as we get accustomed to them, they have slightly changed the page for creating a new Facebook application and there are some different fields to fill out. Here I will provide updated instructions. Updated Instructions Make a html, php or other type of web page and upload it to your web server. In the Basic Info section fill out the field called App Namespace.
Tutorial: How to Create a Facebook iFrame Page Tab Application. IMPORTANT: Facebook announced that as of February 1, 2012 they are removing App Profile Pages, and the new way is pretty great.
Read our article on the App Profile Pages being removed. Updated Tutorial: Fall 2011 Facebook has been very busy updating how things are done, and one of the changes is how you create an iFrame application tab. Although the concept is pretty much the same, the interface for creating a Facebook iFrame tab app has changed. This tutorial updates a tutorial we did on this subject earlier this year.
Design and Code an Integrated Facebook App: HTML + CSS. Welcome back!
In this part of the tutorial we're going to be coding our design into HTML and illustrating some of Facebook's CSS style properties that will give it that native feel. So stick with me, make yourself a cup of tea and happy coding! Introduction Welcome to part 2 of our design and code a native Facebook app. In the last article we looked behind the scenes at some of the thought processes involved with creating a native look and feel Facebook app. What We'll be Creating. Design and Code an Integrated Facebook App: Theory. During this series I'll be looking behind the UI of Facebook and, in the process, showing you how to create your own integrated Facebook blog app through an RSS feed.
Love it or hate it Facebook has become an integral part of people's lives. For many it's a tool that allows us to catch up with old friends, share photos or plan our nights out with our mates. However, behind the social interaction lies a complex structure of careful UI planning that has been tweaked and re-tweaked. In the early days of Facebook I was never a fan of its "boring look and feel" and always felt that it had potential for so much more in terms of design. However, it's only as my knowledge and experience of being a UI designer has progressed that I now realize it's Facebook's simplicity and ease of use that has allowed it to become so successful. TabPress: Free iFrame Page Tab App for Facebook Fan Pages. Sure – it was actually very easy.
I just built a 520 pixel theme. Well, actually, a 500 pixel theme Nothing fancy – in fact I used Artisteer to build the theme. Then, using the wonderful instructions on this blog ( I created the iframe application. To get rid of the scrollbars, I used these instructions ( For the scrollbar mod, I added the stuff that goes before the body tag in the header.php file of the theme – and the stuff that goes before the /body tag I put into the footer.php file of the theme. Added in some customization to the theme files (i.e, to show only the one “post” on the main page – the “text coupon” – which I built using the contact form 7 plugin) and shaved the width down on the google map iframe tags to fit.
I actually did all the theme work 6 months ago, and had it up and running via the “old” way, but had to re-do everything once FB made changes to how iframes would be rendered if not hosted on a site with SSL (i.e., blank page). It’s Time to Transition your Facebook Tabs from Static FBML to iFrames. Like Button - Sviluppatori di Facebook. Aggiungere “Mi piace” (Like button) di Facebook sul proprio sito. Like Button: Facebook cambia le regole! Ormai quasi un anno fa, dibattevamo sul fatto se fosse meglio il Like Button o lo Share Button.
In seguito è stata implementata la funzionalità di poter aggiungere un commento direttamente dal pulsante Mi piace e condividere la pagina in bacheca. Era ormai evidente che il pulsante Condividi fosse pronto per andare in pensione. Oggi ne abbiamo avuto la conferma. Stamattina stavo guardando la mia Home di Facebook e mi sono accorto di un piccolo ma essenziale cambiamento. Incredulo, ho provato a cliccare sul Like Button di un mio post ed ecco il risultato, sia sulla mia Bacheca che sulla Home: