Bagi yang ingin mengubah background friendster dengan background yang di inginkan begini caranya:
- Masuklah ke My Profile di friendster anda. Dari profile screen, klik pilihan Edit Profile
- Pada screen My Profile klik Customize
- Anda akan melihat kotak dengan judul Advanced users. Kalau belum di customize, kotak ini kosong tidak berisi apa-apa. Inilah tempat kita memasukkan kode CSS. Kotak seperti ini biasa disebut sebagai text field
Kode Css dapat kita edit dari - Pertama, klik http://www.cubancouncil.com/friendster/index.html” title=”http://www.cubancouncil.com/friendster/index.html” target=”_blank”http://www.cubancouncil.com/f…, pastikan telah login di friendster …yaa
- Pada baris Background - Background Image: pilih posisi On
- Pada kotak Image URL: masukkan url foto kamu. Misal Url saya : http://suryainternusa.files.wordpress.com/2008/01/dsc01324.jpg Url gambar bisa juga di cari di Goolge:
Usahakan mencari gambar yang cukup besar. Lihatlah di bawah gambar tersebut. Kalo bisa anda cari yang ukurannya diatas 800 pixel. Lebih baik lagi kalo sampai 1024 pixel. Namun jika kamu pengen gambar yang berulang-ulang kamu bisa pilih gambar yang lebih kecil ukurannya.Setelah ketemu, langsung aja klik gambar tersebut, nanti kamu akan dibawa kehalaman baru berisi tumbnail gambar tersebut beserta website aslinya. Nah, klik tulisan Lihat Ukuran Penuh atau See Full Size yang ada di samping gambar Tumbnail.Sekarang pada gambar tersebut lakukan klik kanan - Copy Image Location jika kamu menggunakan Mozilla. Tapi jika kamu memakai Internet Explorer lakukan klik kanan pada gambar - Properties kemudian kamu bisa mengcopy alamat gambar tersebut. Oh iya, pastikan alamat gambarnya tak mengandung spasi atau tulisan %20 karena gambarmu takkan muncul nantinya. - Centang di Tiling: dilepas dan dipindah ke kotak Center.
- Secara default, friendster akan menampilkan kotak-kotak dengan warna abu-abu untuk setiap bagian profile. Kamu bisa menghilangkankan kotak-kotak ini agar tampilan background friendstermu terlihat jelas. Untuk itu, langsung aja klik kotak kecil di pilihan Make All Boxes Transparent.
- Kemudian ke bawah ke bagian Generate Code, klik tombol Generate Friendster Code
- Maka akan didapat kode seperti ini :
/* michael’s friendster css editor v2.7 | simple mode */
/* please don’t delete the tag above - it’s there for re-loading purposes */ /* MASTER BACKGROUND */
body { background-color:#ffffff;
background-image:url(http://surya….);
background-attachment:fix ed; background-position:cente r; background-repeat:no-repe at; }/* MISC STYLES */
#options ul li a:hover { background-color:transparent; } - Kopi kode-kode di atas.
- Paste kode-kode yang dikopi tadi di kotak Advanced users: Personalize your profile with CSS
- Kemudian klik tombol Save
- Untuk melihat hasilnya klik link View your profile now
- Selamat mencoba..
