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

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Facebook Static iFrame HTML Tabs App


In this tutorial, we will install and build a custom Facebook Timeline app featuring a FlashR ecard. We will be using the Static HTML iFrame Tabs app to create the Timeline app. This app will be added to your Facebook Favorites section, just under the Timeline cover image. Each app in this section is represented by a 111 x 74 px thumbnail.

For this tutorial, we will assume that you already have any images ready for use in your app. These images must be uploaded to somewhere on the web. If you do not have a website, you may wish to use a photo hosting service such as PhotoBucket or add them to your Facebook Photo album.

However, it you do have a website, the easiest option is to upload them to your website account. These images do not need to be part of your website or viewable on the site. You may wish to create a new folder on your server and give it the same name as your ecard and use this folder to store all the images and HTML pages for your Facebook app. In our example, the ecard features a racing car. So we will name the folder "RacingCar".

  1. Your first step is to log into your Facebook account.

  2. Go to the fan page to which you wish to add the app.

  3. In the search box at the top, type in Static HTML iFrame Tabs or use the link at the bottom of this article to go to the app's page.

  4. On the top right, click on the Go to App button.

  5. On the next page, click on the Add Static HTML iFrame Tab to a Page button.

  6. On the next page, you will see one of two views. If you only have one fan page, you will see a message stating "Add this application to NameOfYourFanPage". If you have more than one fan page, you will see a drop-down menu with the name of the fan pages. Choose the page you want and click the Add Static HTML iFrame Tabs button.

  7. You will be taken back to your fan page and the app will be installed. You will see the familiar gray star thumbnail and the default Welcome title for the app. Depending on the number of apps in your Favorites section, you may need to expand the list to see the thumbnail.

  8. Click on the thumbnail to go to the HTML input boxes.

← Back | 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 Facebook+Static+iFrame+HTML+Tabs+App to Twitter Add Facebook+Static+iFrame+HTML+Tabs+App to Facebook Add Facebook+Static+iFrame+HTML+Tabs+App to MySpace Add Facebook+Static+iFrame+HTML+Tabs+App to Del.icio.us Digg Facebook+Static+iFrame+HTML+Tabs+App Add Facebook+Static+iFrame+HTML+Tabs+App to Yahoo My Web Add Facebook+Static+iFrame+HTML+Tabs+App to Google Bookmarks Add Facebook+Static+iFrame+HTML+Tabs+App to Stumbleupon Add Facebook+Static+iFrame+HTML+Tabs+App 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