Friendster Customization - Customize Your Friendster

This short tutorial will teach you how to optimize your friendster by customizing your friendster layout, adding sounds to your friendster and also you can add some movie to your friendster
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, etc

b.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:

<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/"
width="320" height="290" src="http://url_music_files" filename="http://url_music_files" autostart="True" showcontrols="True" showstatusbar="False" showdisplay="False" autorewind="True"></embed>

Notes: change url_music_files with the url location of your uploaded music files

For flash file:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="96" height="24" id="your_choosen_id" align="middle">

<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://url_flash_files" />
<param name="quality" value="high" />
<param name="bgcolor" value="E1F1FF" />

<embed src="http://url_flash_files" quality="high" bgcolor="E1F1FF"
width="96" height="24" name="your_choosen_id" align="middle"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/></object>

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 it

For adding music files in your friendster, you can also use a simple music player by using these steps below:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="96" height="24" id="satu" align="middle">

<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://other.monx007.com/tools/mainkan.swf?namafile=url_music_files"
/>
<param name="quality" value="high" />
<param name="bgcolor" value="E1F1FF" />

<embed src="http://other.monx007.com/tools/mainkan.swf?namafile=url_music_files"
quality="high" bgcolor="E1F1FF" width="96" height="24" name="satu" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
Notes: change url_music_files with the url location of your uploaded music files

With 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 http://www.friendster.com/profiles/monx007

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 uploaded

c. 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 browser

e. 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{} section

Change the color as you like.

f. Also, you can customize your friendster with friendster layout generator at http://www.cubancouncil.com/friendster/

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 http://www.onlinestatus.org/. 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 sections

Ways 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:

<img src="url_of_your_images">

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

Source: Customize Your Friendster

By Raymon Antony
Published: 9/13/2006
Is this article is useful to you ?
This article is bad
This article is good, but it's not usefull to me
This article is good and it's usefull to me
No comment
Use the feedback form below to submit your comments.
Your Comments:
Your Name:
Use the form below to email this article to your friends.
Recipient Email Address:
 Separate multiple email addresses by ;
Your Name:
Your Email Address: