g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

European Travel
Action Movies
Bible Basics
Romance Movies
Family Travel

All times in EST

Low Carb: 8:00 PM

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


Marketing Your Flash Ecards on Facebook

Recently, the team at Ecards-Ecards-Ecards started a new marketing campaign featuring their newest ecards. Part of that campaign was to feature their new FlashR animated Birthday ecard on their Facebook Timeline as a tab, which is now called an app, in the Favorites section just under the Timeline Cover.

One option for this is to use the Static HTML iFrame Tabs app by Timothy Mensing and Jason Padvorac. This app has been one of the most popular Facebook apps for many years and was used by many to create a custom default landing page for their Facebook pages. We no longer have the option to designate a specific default landing page and all traffic to our Facebook page will initially land on the Timeline with the cover image. However, the app is still one of the best for creating apps for your Timeline Favorites because it doesn't required access to the Facebook user's personal information.

The Static HTML iFrame Tabs has been updated to work with the new Timeline. For the previous version, the width of the page was 520 px with a 200 px wide side menu. For the updated Timeline version, the side menu is gone and the width of the app page has been expanded to 820px, the same width as the Timeline.

The app functions as before, with two page views - Public and Fans page. Initially your visitors see the Public page until they Like your Facebook page. Then they will see the Fans page. Just as before, this gives us an opportunity to create a call to action that will increase the number of Likes for your Timeline.

For the new campaign, the team wanted the app's Public page to have a background image created from the same artwork featured in the ecard. On this page is the call to action to Like the page in order to view the ecard animation, which is an embedded YouTube video.

Because we have a width of 820 px to work with, we first resized the original high resolution image to 810 x 1013 px. However, this caused some of the image to be below the fold on some computer screens. Therefore we reduced the image to a more workable 480 x 600 px. Next we added the HTML to display our call to action image over the top of the background image. On the Fans page, we used the same background image and replace the call to action HTML with our YouTube video of the Racing Car Birthday ecard and links to the Ecards-Ecards-Ecards website.

The steps have changed slightly for installing the Static HTML iFrame Tabs app in the new Facebook Timeline. Let's walk through the process of installing and building the app.

Next →

Static HTML iFrame Tabs


Join us in the Flash forum. | Join us in the Digital Art and Design forum.


Add Marketing+Your+Flash+Ecards+on+Facebook to Twitter Add Marketing+Your+Flash+Ecards+on+Facebook to Facebook Add Marketing+Your+Flash+Ecards+on+Facebook to MySpace Add Marketing+Your+Flash+Ecards+on+Facebook to Del.icio.us Digg Marketing+Your+Flash+Ecards+on+Facebook Add Marketing+Your+Flash+Ecards+on+Facebook to Yahoo My Web Add Marketing+Your+Flash+Ecards+on+Facebook to Google Bookmarks Add Marketing+Your+Flash+Ecards+on+Facebook to Stumbleupon Add Marketing+Your+Flash+Ecards+on+Facebook to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Flash and Animation Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Creating Final Cut FX Templates in Motion

Review Creating Final Cut FX Templates

Rendering and Output Motion 5 109 by macProVideo

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor