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 Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

WebCards as a Facebook Fan Page


Now that we have finished customizing the WebCards system on your website server, we are ready to add it to the FacebookR Fan page. Make a note of the URL for the front page of the system.

webcards/index.php

Our first step is to create a new Facebook Fan page. You must already have a personal Facebook account. Login and click the Create a Page link at the bottom of the page.

  1. Once you are on the Create a Page wizard page, choose a category for your fan page. Most people will use the Brand or Product category but you can use another if it fits your needs better.

  2. Once you have the subcategories list for your chosen category, choose the one that best fits.

  3. Upload your avatar image and click the button to go to the next step.

  4. Until you are ready to publish your fan page, uncheck the Share options.

  5. Add a description of your fan page and a link to your website.

    Now that we have our fan page, we need to add the iframe that will display our WebCards mini site. There are a few iframe apps available. One of the most popular is by Timothy Mensing and Jason Padvorac which is called static HTML iframe tabs.

    http://www.facebook.com/pages/Static-Html-iframe-tabs/237278599679568

  6. Click on the Go to App button to go to the permission page and use the drop down list to find your fan page. Click the Add button.

    This will take you back to your fan page. Look for the Star and Welcome link in the side menu.

  7. Click on the Welcome link to go to the setup form for the fan page.

    You will see two boxes. The top box is for the non fans (people who have not yet Liked your fan page) and the bottom is for those who have. If you leave the second box empty, both groups will see the same page.

    Copy and paste the following code into the empty top box. Change the URL for the location.href to the URL of the WebCards front page.

    <:script>
    location.href = "http://www.yourwebsite.com/webcards/index.php"
    </script>

  8. Save your changes and then click the Preview button to preview your fan page. You should see the WebCards system in the center column.

http://www.mywebcards.net





Join us in the Digital Art and Design forum.

WebCards screenshots used by permission.

Add WebCards+as+a+Facebook+Fan+Page to Twitter Add WebCards+as+a+Facebook+Fan+Page to Facebook Add WebCards+as+a+Facebook+Fan+Page to MySpace Add WebCards+as+a+Facebook+Fan+Page to Del.icio.us Digg WebCards+as+a+Facebook+Fan+Page Add WebCards+as+a+Facebook+Fan+Page to Yahoo My Web Add WebCards+as+a+Facebook+Fan+Page to Google Bookmarks Add WebCards+as+a+Facebook+Fan+Page to Stumbleupon Add WebCards+as+a+Facebook+Fan+Page to Reddit



 



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


For FREE email updates, subscribe to the Digital Art and Design 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
Review - 21-Day Drawing Challenge

How to Print and Cut Clip Art in Silhouette Cameo

Paper Bead SVG Cut Files

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