Mengganti Background friendster dengan foto sendiri

Di postingan kali ini gw mao nulis cara mengganti background friendster dengan foto sendiri. emang sich agak rumit caranya, tapi gw akan berusaha bantu dikit supaya friendster loe keliatan lebih keren dengan nampangnya foto lucu loe di friendster kesukaan loe :p padahal foto loe jelek kan :r

langsung aja dech, gak usah banyak bicara. kagak selesai selesai ntar friendster loe yang mao loe ganti backgroundnya ama foto loe sendiri.

1. Siapkan foto/image loe yang mau loe jadiin background Friendster. Format foto/image yang disarankan JPG, GIF atau PNG. Untuk ukuran foto terserah loe, tapi untuk contoh gw pake ukuran 1000x590 pixels. Agar pas di monitor 1024x768 pixels.kan enak yang pas bisa seret seret gitu :r

2. setelah loe siapin tuh foto loe yang dekil abiz :p sekarang loe kunjungi situs www.imageshack.us , situs buat meng-upload foto/image ke internet.

3. Klik Browse, liat seperti gambar di bawah.

4. Pilih gambar yang telah loe siapin. Lalu klik Open.

5. Lanjutin dengan meng-klik host it!.

6. Sekarang loe tunggu hingga nanti muncul link/code dari foto/image yang udah loe upload

7. Perhatiin paling bawah gambar, klik pilihan + Show Advanced Linking, Sehingga muncul menu baru yaitu Direct link to image. Setelah itu copy link tersebut

8. Loe akan dapatin link dari gambar tersebut. Disini link yang gw dapatin adalah http://img383.imageshack.us/img389/3816/sercomblok8.jpg

9. Sekarang Loe waktunya buka Friendster, lalu pilih menu My Profil > Edit Profile.

10. Lalu pilih Customize.

11. Pada kotak Customize CSS, loe tinggal masukin code sebagai berikut:

body {background-image: url(link dari gambar); background-attachment: fixed; background-color:#FFFFFF}

eitz tunggu dulu, jangan keburu buru yah.perhatii doloe penjelasan gw berikut ini:

12. Pada nomor 7 dan 8 kita sudah mendapatkan link dari gambar yaitu: http://img383.imageshack.us/img389/3816/sercomblok8.jpg

13. Nah pada CODE berikut ganti bacaan link dari gambar dengan link gambar yang udah loe dapatin yaitu http://img383.imageshack.us/img389/3816/sercomblok8.jpg

Sehingga code akan seperti:

body {background-image: url(http://img383.imageshack.us/img389/3816/sercomblok8.jpg); background-attachment: fixed; background-color:#FFFFFF}

14. Setelah itu baru loe copy code di atas. Lalu kembali lagi ke Friendster, pada menu Customize CSS.

15. Lanjutin dengan klik kanan dan Paste pada kotak Customize CSS. Lihat gambar di bawah.