background preloader

Facebook

Facebook Twitter

10 éléments à intégrer dans des onglets FBML de votre Fan-Page Facebook. Bonjour à toutes et à tous. Cela faisait quelques semaines que je ne vous avais pas parlé de Fan-Pages Facebook sur Kriisiis.fr, et en particulier des onglets personnalisables en FBML. Je souhaiterais aujourd’hui vous proposer quelques fonctionnalités que l’on peut intégrer facilement dans ses pages, grâce à l’application Static FBML. Si vous n’utilisez pas encore cette application, voici un petit tutoriel détaillant les différentes étapes d’installation, ou encore un autre, qui a le mérite d’être illustré et donc probablement plus clair (mais en anglais). Concrètement, un onglet en FBML va vous permettre d’intégrer la majorité des fonctionnalités que l’on retrouve sur une page-web en HTML, si ce n’est qu’une application est requise et que Facebook propose certaines balises dans un langage leur étant propre.

Dans la majeure partie des cas, ces onglets ressemblent à celui présenté ci-dessous. Une image, voire un petit bout de texte, dans un HTML enfantin, rien de plus simple : 1. 2. 3. Web Design Tutorials Blog » How to Create Facebook FBML Page, Part 2. This is a second part of our tutorial on creating a FaceBook Template from the scratch. In this part we will convert our .psd file into HTML page. This is not an “HTML/CSS for Dummies” tutorial, so it will not explain everything in detail, however we’ll cover the overall structure of our code. Slicing images: 1. Before we start coding we need to slice all the images we may need.

Open the .psd file and turn off all the layers except for the background picture. Note: It is suggested that you use “Save for web & devices” feature, to optimize images for web. 2. Note: Images with transparent background should be saved in .png format. 3. 4. Here is how the slices look like: Coding: FaceBook does not read neither “html” nor “body” tags, but it does support CSS both withing the code and the external one. 1. 2.Create another div inside it, with a photo camera in the right top corner of its background. 3. 4. 5. 6. First indented div with “Recent Photos” image: 7. 8. How to Design and Program a Facebook Landing Page - Noupe Design Blog. Jun 21 2011 We all know that Facebook provides a great opportunity for organizations to connect with their target audience and interact with their clients. To do this more effectively, organizations are creating custom Facebook pages to differentiate themselves and represent their brands on Facebook.

But how does one go about creating one? How exactly should one be designed and what are these iFrames that are used? If you’ve been looking for answers, take a look at this screencast. How to Design and Program a Facebook Landing Page from NoupeMag on Vimeo. Please feel free to share your comments with us in the comment section below. (il)(rb) Jonathan Goldford is a partner at Wired Impact, a web design company that builds websites for nonprofits. Facebook Marketing Video Tutorial. Interesting facts about Facebook. Comment Trouver Des Bons Plans Avec Facebook. Facebook a lancé récemment son service « Facebook Deals » en France. Il permet aux utilisateurs du réseau social d’accéder à des Bons Plans (réductions, cadeaux etc …) lorsqu’ils indiquent qu’ils se trouvent sur le lieu d’une entreprise (magasin, restaurant, musée etc …).

Actuellement, il existe deux supports pour trouver des Bons Plans : un smartphone (Iphone, Android, Windows Phone 7) ou Facebook.com. Les « Bons Plans » s’y matérialisent sous la forme d’un ticket jaune (pour les bons plans individuels, Ami, Fidélité) ou vert (Bonnes Oeuvres). 1. Une fois que vous avez ouvert Facebook sur votre smartphone, dirigez-vous vers « Lieux » ou le fil d’actualité. Des tickets verts ou jaunes apparaissent pour vous signaler des Bons Plans.

Choisissez un « Bon Plan », indiquez que vous vous trouvez sur le lieu (« Check-In ») et montrez votre téléphone à l’un des employés pour en bénéficier. 2. Facebook dispose d’un moteur de recherche de « Bons Plans » à partir de Facebook/Deals. Personnaliser le design de votre Facebook : modifier l'apparence de son profil. Inutile de vous présenter Facebook dans cet article, d’autres sauront le faire bien mieux que moi. Se faire un réseau de potes, retrouver d’anciens collègues, lutter pour une cause, partager ses gouts cinématographiques… Véritable machine à friends pour certains, Facebook peut s’avérer être un outil d’espionnage, un passe temps au bureau (comment ça, ça sent le vécu ?) , une machine à expats, un meetic pour potes, et même un outil de réseau professionnel pour d’autres. On s’add, on s’oublie, on s’poke, tout ça vous connaissez… Seulement, le principal défaut de Facebook, bah c’est son aspect. Bref, voila la procédure : Télécharger et installer l’extension Stylish pour Firefox.Allez sur cette page, qui recense quelques designs simpa pour facebook, et cliquez sur celui qui vous inspire.Cliquez ensuite sur “Load into Stylish”, puis sur “Enregistrer”Rendez vous ensuite sur Facebook, et la… Tadaaammm !!

Visible en bas à droite de l’écran, puis sur gestion des styles. !