background preloader

HOW TO: Design & Program a Facebook Landing Page for Your Business

HOW TO: Design & Program a Facebook Landing Page for Your Business
Jonathan Goldford is a partner at Wired Impact, a web design company that builds websites for nonprofits. You can connect with Jonathan on Twitter and on the Wired Impact Facebook page. Right now Facebook Pages and custom landing pages are bigger than bottled water was on December 31, 1999. Michael Jackson, Lady Gaga, Starbucks, and the TV show House each have more than fifteen million "Likes" and are growing rapidly. While there are an enormous number of articles that talk vaguely about how to create a custom landing page, very few discuss the nuances of actually designing and programming one. Here we will discuss the subtleties of designing a Facebook landing page and FBML programming. Designing Your Company’s Facebook Page Actually designing a Facebook Page is very similar to designing any website, except for a few considerations: Design for a 520px Width — Facebook Pages must fit within a width of 520px. Programming Your Company’s Facebook Page Begin Programming Outside of Facebook

The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible. Download this layout (25kb zip file). Percentage dimensions of the holy grail layout All the dimensions are in percentage widths so the layout adjusts to any screen resolution. Vertical dimensions are not set so they stretch to the height of the content. Maximum column content widths To prevent wide content (like long URLs) from destroying the layout (long content can make the page scroll horizontally) the column content divs are set to overflow:hidden. 800 x 600 Left & right columns: 162 pixels Center page: 357 pixels 1024 x 768 Left & right columns: 210 pixels Center page: 459 pixels The nested div structure I've colour coded each div so it's easy to see: The header, colmask and footer divs are 100% wide and stacked vertically one after the other. No CSS hacks The CSS used for this layout is 100% valid and hack free. SEO friendly 2-1-3 column ordering Full length column background colours In this layout the background colours of each column will always stretch to the length of the longest column.

How to Invite ALL Facebook Friends to a Group, Event or Page 5.4K Flares Google+ 30 Twitter 237 Facebook 5.1K Reddit 0 StumbleUpon 64 Pin It Share 0 LinkedIn 14 inShare14 5.4K Flares × I set up a couple of groups on Facebook – our Wealth Nation group (PLEASE JOIN!) and the Stop the Farmville Madness!!! Well anyway I went on a little search and found that you could cheat the Facebook system by inserting a little javascript to make it happen! Go to your Facebook Event, Facebook Group or Facebook page and click “Invite People”.Once the page has loaded you should see all of your friends, but they are not selected.At this point, copy and paste the javascript code below into your Web browser’s address bar, then hit “Enter”.If all goes well, it selects all of your friends! javascript:elms=document.getElementById('friends').getElementsByTagName('li');for(var fid in elms){if(typeof elms[fid] === 'object'){fs.click(elms[fid]);}} If that first method doesn’t work for you give this a try:

ابراهيم الفقي Verify your e-mail address to access all 4shared features. Confirmation letter was sent to mjaxndaxmjewnk1hcg@gmail.com Resend confirmation letter Change e-mail Learn more > Files Photo Music Books Video Games mjaxndaxmjewn... My Account Sign Out View all notifications Settings PremiumLanguageen Invite friends FAQ Help Feedback Report abuse Search Files Video Music Photo Books Games More Search options Sort by More Remove Ads x View: Results 1 - 10 of 93 9 Ways to Enhance Your Facebook Fan Page Facebook fan pages number among the few social media channels that allow page customization for users. Instead of a mediocre interface, business owners and professionals can now apply HTML code to enhance their Facebook fan page presence to promote and build business branding. Rich content creates a memorable interface that gets people talking, lets a special announcement or contest go viral, improves fans’ engagement and so much more. To create an important hub to reach out to millions of potential supporters, you need to up your game and optimize your fan page to meet its ultimate purpose. (Important Update: Facebook no longer supports FBML. #1: Welcome Page The main purpose of a Welcome tab is to provide an overview of your page—what you can offer to people who like your page and why it should matter to them. Create a strong call to action with eye-catching graphics and clear instructions. #2: Social Profiles and Contact Information #3: Testimonial Page #4: Newsletter and Opt-In Form

CSS Compatibility and Internet Explorer The document is archived and information here might be outdated With each new release of Windows Internet Explorer, support for the World Wide Web Consortium (W3C) Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS, Level 1-compliant version of Internet Explorer. Internet Explorer 8 is fully compliant with the CSS, Level 2 Revision 1 (CSS 2.1) specification and supports some features of CSS Level 3 (CSS3). Internet Explorer 9 adds even more support for many CSS3 modules. Note It is important to remember that many CSS3 modules are still in the Working Draft or Last Call stages. If your Web site targets browsers that include earlier versions of Internet Explorer, you want to know the level of CSS compliance for those versions. Note CSS features that are new to Internet Explorer 8 will only work when your page is rendered in IE8 mode (or higher). Introduction At-rules Selectors Element Selectors Attribute Selectors Combinators Pseudo-classes

Facebook Privacy: 10 Settings Every User Needs to Know Facebook's privacy settings are extremely detailed, giving you the ability to fine-tune the privacy aspects of almost every little part of your Facebook account. Unfortunately, for most users, this level of micromanagement makes Facebook's privacy settings a convoluted mess. Even worse, these settings change often; you may think you know everything there is about them, only to be greeted with a completely different layout and a bunch of new options the next time you visit the dreaded Facebook Privacy Settings page. So, what do you do when you've got over 170 options to choose from? You focus on the most important ones. We've entered Facebook's maze of privacy options and came out on the other side bruised, battered, but with 10 essential settings in our hands. 1. Account > Privacy Settings > Sharing on Facebook Facebook gives you the easy way out: You can share content with Everyone, Friends of Friends, or Friends only. 2. 3. 4. Account > Privacy Settings > Connecting on Facebook 5. 6. 7.

Great Pyramids of Giza in Egypt - the Seventh Wonder of the Ancient World Arabian proverb says, "Everything in the world is afraid of time, and time is afraid of the pyramids". A year ago Sergey Semenov tried to rent a helicopter in Cairo to shoot the pyramids. It didn't work. "No photos allowed due of the close proximity of the military base" such was the explanation. We had to hurry up, because pyramid of Cheops was the only one of "Seven Wonders of the World" still standing; and the last "Transformers" movie made me think that the militant robots might actually destroy the pyramids for real next time :) Frame from the movie «Transformers: Revenge of the Fallen» We assembled the team and sent it off to Egypt. So the guys left for Egypt to photograph pyramids. It is considered rather rude in Eastern culture to accept the first price offered, so your counterpart would appreciate if you bargain just a little. This price included access to the photographic location and police escort for entire day. "Quit playing games, boys! "Which Cairo?

Open Graph Like Buttons: Overview, Part 1 Menu Oracle Social Spotlight Subscribe to email updates Social Cloud In the Mix: Social Chatter for Live Events If you frequent business events, you've probably noticed an increase of digitally displayed social media chatter. Read more Share Oracle Social Life Oracle Social Cloud Gives Thanks Thanksgiving is a day for family, football and food comas. Read more Best Practices 3 Must-Haves for a Successful Digital Transformation Last week, I flew to Chicago for CMS Wire's DX Summit, but my digital experience immersion training began before the event even kicked off. Read more Collaboration: An 'Outside' Job From guest author and Product Strategy Manager Sandy Yu: developing a rapport across virtual teams requires thinking outside the cube. Read more Product News It's Time to Connect Meaningfully with Your Social Audience We are thrilled to announce that as of November 9th, every Oracle Social Cloud customer with access to Engage will be able to leverage a brand new engagement... Read more Read more Contact

Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs inShare33 The best strategy for dealing with Internet Explorer 6 is not to support it. Stop. Ok, I feel your frustration. You're a web developer and you're ready to tear your hair out because you have to support Internet Explorer 6, but, to put it tactfully, IE6 doesn't support you. This isn't one of those rants about IE6 or a campaign to try to kill it. I've scoured the web for resources and also included some of my own fixes for IE6 and now I've put it all together in this cheatsheet/reference manual as a resource for anyone who has to deal with Internet Explorer 6. This massive IE6 guide took a while to put together, so bookmark it, share it, tweet it, and use it to save yourself and your coworkers hours of screaming at your monitor and banging your head against your desk or other inanimate objects. Update: Yann Faurie has graciously provided a French translation of this article. Table Of Contents Strategies Contents | Top IE6 Market Share Plan Your Design and Keep It Simple A Simple Reset

Related: