Mengganti Background Friendster

Bosan dengan tampilan background Friendster anda?
Atau tidak menemukan background yang cocok dari template yang disediakan Friendster?
Kenapa ngga mencoba ganti background dengan gambar yang anda inginkan?
Gampang kok caranya….

Pada Menu My Profile, pilih Edit Profile lalu klik Tab Customize
Lalu Cari kotak di bahwa kategori Advanced Customization, Customize CSS
Selanjutnya, Copy semua code dibawah ini dan Paste di tempat tadi.


/* PROFILE BACKGROUND */
body { background-image:url(http://img353.imageshack.us/img353/7272/bibomedia3yh3.jpg); background-attachment:fixed; background-position:center; background repeat:no repeat; background-color:#000000; }
/* GLOBAL FONTS */
.usercontent { font-family:Arial, Sans-serif; color:#FFFFFF; }
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:none; color:#000000; }
.data a, a.more, .commonbox .viewall { font-family:Arial, Sans-serif; color:#ffffff; }
.usercontent a:hover { text-decoration:none; color:#ffffff; }
/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 { font-family:Arial, Sans-serif; color:#ffffff; background-color:transparent; }
/* GLOBAL BOXES */
.commonbox { border-width:0px; border-color:transparent; border-style:solid; background-color:transparent; }
/* TESTIMONIALS EVEN ROW */
.commonbox .evenrow { background-color:transparent; }
/* PRIMARY PHOTO BORDER */
.controlpanel .imgblock200 { border-color:transparent; }
/* DATA / LABELS */
.data, .controlpanel .q { color:#ffffff; }
/* BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family:Arial, Sans-serif; color:#ffffff; border-color:transparent; background-color:transparent; }
#controlPanelButtons a:hover { color:#000000; border-color:transparent; background-color:#ffffff; }
/* PHOTO BLOCKS */
.commonbox .imgblock75, .ir { border-width:5px; border-color:#000000; border-style:groove; background-color:#000000; }
/* FRIENDS NAME BG */
.commonbox .dr { background-color:transparent; }
Perhatikan pada bagian berikut :

/* PROFILE BACKGROUND */
body { background-image:url(http://img353.imageshack.us/img353/7272/bibomedia3yh3.jpg); background-attachment:fixed; background-position:center; background repeat:no repeat; background-color:#000000; }

Bagian link dengan tulisan berwarna merah di atas adalah link gambar yang saya jadikan sebagai background. Anda dapat mencari di google search, gambar yang ingin anda gunakan untuk background dan meng-copy link gambar tersebut, lalu menggantinya pada link yang saya gunakan di atas.
Namun, bagaimana bila anda ingin mengunakan Foto atau Gambar pribadi yang anda miliki?
Tidak perlu bingung, anda dapat menggunakan link berikut ini untuk meng-upload foto atau gambar yang anda inginkan : http://cubancouncil.com/friendster/backgroundimages.html
Anda tinggal browse file foto yang anda inginkan dan upload. Selanjutnya anda akan dibawa menuju halaman web berikut ini : http://www.imageshack.us/index.php?bar=no , silahkan anda cari pada bagian bawah, Direct Link to Image, dan anda tinggal meng-copy link yang tersedia, yang merupakan link dari foto yang sudah anda upload…Selesai.

selanjutnya, background-attachment:fixed; itu artinya pemasangan backgroud disesuaikan
background-position:center; pada posisi tengah
background-repeat:repeat; artinya bila gambar tersebut kurang pass maka akan diulangi gambar tersebut hingga full ukuran dan apabila kita ganti dengan no repeat; maka satu aja gambarnya dan akan sesuai ukuran gambar tersebut.
—–
selanjutnya pada /* GLOBAL FONTS */
.usercontent { font-family:Arial, Sans-serif; color:#ffffff; } jenis huruf apa yang anda mau gunakan pada pada content anda dan termasuk color:#ffffff; artinya code untuk warna putih, bila anda ingin merubahnya dengan warna lain anda boleh melihat codenya di http://www.computerhope.com/htmcolor.htm
—–
selanjutnya pada /* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:none; color:#000000; }
.data a, a.more, .commonbox .viewall { font-family:Arial, Sans-serif; color:#ffffff; }
.usercontent a:hover { text-decoration:none; color:#ffffff; }
ini merupakan pampilan link, yang dimaksud dengan pada profile friendster adalah seperti:
• Profile Viewed:82 times since 8/8/2007
• Location: Indonesia
• Hometown: Jakarta Raya
• Your URL [edit]: http://profiles.friendster.com/ID anda
pada a:hover di atas, bila cursor menyentuh link maka tulisan berubah menjadi berwarna putih (#ffffff), dari sebelumnya berwarna hitam (#000000)
——-
Kiranya, utak-atik sederhana di atas sudah cukup membantu mengurangi kebosanan akan tampilan lama Friendster anda.

Selamat berkreasi,

Salam FS