How to Change a Layout With a Friendster Overlay

A Friendster overlay is CSS or HTML code that creates a completely custom site for your Friendster presence. You produce the overlay code using the custom overlay generator provided by Friendster, then cut and paste the overlay code into the CSS section of your Friendster site. Once the code is saved, your Friendster page is converted, or overlaid, with the new layout and elements.

Difficulty: Moderately Challenging

Instructions

1. Log in to your Friendster home page.

2. Place your cursor over "My Profile" listed on the options bar at the top of the page.

3. Select "Edit Profile" from the drop-down menu.

4. Click on the "Customize" tab on the Edit Profile page.

5. Scroll down to the Advanced Customization page heading.

6. Click on the "Customize With CSS Editor" link directly above the CSS code box.

7. Enter your selections for each of the preferences requested by the Friendster Profile Editor.

8. Press the "Preview" button at the very bottom of the page to get a look at the overlay your combination of custom preference creates before you import it into your Friendster site.

9. Click on the "Generate Friendster Code" button at the bottom of the page next to the "Preview" button to generate the chunk of CSS code that represents the custom overlay.

10. Copy the code into your computer's clip board.

11. Return to the Customize page of your Friendster site.

12. Paste the code into the "Customize CSS" box.

13. Click "Save" to save your new overlay and apply it to your Friendster profile.

Who Can Help Sponsored

• How To Make Big Money With Low-Budget Postcard Projects. PostcardProfits.com