logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

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
http://www.facebook.com/pages/Static-Html-iframe-tabs/237278599679568

Ecards-Ecards-Ecards



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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
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


g features
Motion 5 Parallax Effect - The Graphics

Animate Lower Third in Motion 5

Drop Zone and Lower Third in Motion 5

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor