Customize Your Friendster

By: Raymon Antony
1. Adding Multimedia Files (mp3, wma, flash, etc) at "Now Playing" section :

a. First, make sure the files that you want to use, already uploaded at web hosting, such as geocities.com, freespaces.com, etcb.

Input the codes below at "Add music and video and more images to your profile" section (you can find it at "Customize My Profile Friendster"):

For non-flash files: Notes: change url_music_files with the url location of your uploaded music filesFor flash file:

Notes: change url_flash_files with the url location of your uploaded flash files, and change your_choosen_id with any id you want to name itFor adding music files in your friendster, you can also use a simple music player by using these steps below:

Notes: change url_music_files with the url location of your uploaded music filesWith these simple music player, you can make a list of music as much as you like. You can see the example of the player at

2. Changes your frienster layout at "Advanced users: Personalize your profile with CSS" section:

a. Make sure that all of your images that you want to use has been uploaded at web hosting, such as imageshack.us, geocities.com, freespaces.com, etc

b.

Adding background image:

body {
    background-color:#000000;
    background-image:url( http://url_of_your_images);
    background-position:left; 
    background-attachment:fixed;
}

Notes: Change url_of_your_images with the exact url location of the images that you've already uploadedc. Make you image blur when your mouse cursor hover it (only effect when using Internet Explorer browser):

A:hover IMG {
    FILTER: Blur(Add = 0, Direction = 225, Strength = 10);
    Alpha: 100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)
}

A:link IMG {
    FILTER: none
}

d. Change your cursor style:

Find or add this codes:

A:link{cursor:pointer}
A{CURSOR: pointer}
A:visited {CURSOR: pointer}
A:active {CURSOR: pointer}
A:hover {CURSOR: pointer}

Pointer value can be change with wait, crosshair, hand, help, auto, default, move, text, wait or *-resize (* can change with N, NE, NW, S, SE, SW, E, or W).

Also you can use your own cursor (with extension .cur or .ani) only by adding this codes:

cursor : url("url_of_your_cursor")

Change url_of_your_cursor with exact url location of your mouse cursor that you've already uploaded.

But remember, some cursor can only be seen when using Internet Explorer browsere.

Changes your scrollbar color:

scrollbar-arrow-color: #D0AA3C;
scrollbar-base-color: #D0AA3C;
scrollbar-dark-shadow-color: #D0AA3C;
scrollbar-track-color: #8C0000;
scrollbar-face-color: #E7D564;
scrollbar-shadow-color: #D0AA3C;
scrollbar-highlight-color: #D0AA3C;
scrollbar-3d-light-color: #D0AA3C;

Place the above codes at body{} sectionChange the color as you like.

f. Also, you can customize your friendster with friendster layout generator at

3. Show Your Online Status Indicator

You can add your online status indicator for AIM, ICQ, IRC, Jabber, MSN and Yahoo, by using online status indicator generator at .

Copy the codes you got and paste it at "About Me" section

4. Adding images at About Me, Describe Who You Want to Meet and Add music and video and more images to your profile sectionsWays to adding your image at some section that can be customize with HTML, such as About Me, Describe Who You Want to Meet and Add music and video and more images to your profile section, just adding this code below:

Notes: Change url_of_your_images with the exact url location of the images that you've already uploadedSource:

Top Searches on
Computers
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 
 • 

» More on Computers
 



Share this article :
Click to see more related articles