Cara mengganti/Ganti layout/Background FS (friendster) dengan foto kamu sendiri!

Anda semua pasti sudah tahu friendster.com. Situs pengumpul teman seluruh dunia ! Saya sendiri bisa mempunyai teman yang berada di london lewat FS itu sendiri. Saya lihat, teman saya menggunakan layout/background fs dengan fotonya sendiri. Hmm…kelihatan menarik. Kalo anda mau seperti teman saya ini, silahkan ikuti tutorial singkat berikut ini. ( biasanya yang narsis sih ) continued

INI DIA CARANYA.
1. pertama kamu harus siapin foto kamu, ingat format file imagenya harus diantara ini *.jpg, *.gif, *.png n *.bmp. Saya rekomendasikan formatnya *.JPG aja !!! dan Ukurannya yang pas yang 1020×610 (pas untuk browser belum di Full Screen ukuran 1024×768), tapi terserah. kalo mau edit ukuran gambar bisa lewat photoshop. Tutorialnya menyusul dah.

2. Upload foto kamu dulu di www.imageshack.us, caranya Browse (cari lokasi foto kamu di komputer), lalu tekan host it, nanti kamu akan dapet link atau bisa disebut alamat foto kamu, seperti dibawah :

3. Nanti link yang dipakai hanya satu yaitu yang paling bawah, yang ada bacaan “Direct link to image”… atau lihat di bawah…

Nah link yang dipakai yaitu http://img301.imageshack.us/img301/889/contoh.jpg

4. copy dulu link tersebut, lalu Masuk ke FS km…
5. ke menu Profile lalu pilih Customize Page, nah nanti ada 2 textarea atau 2 kotak kosong yang bisa kamu isikan dengan code….
6. Nah pilih kotak yang pertama….. yang di atasnya ada bacaan CSS….
7. kalau ingin untuk ganti background, masukkan code di bawah

body { background-color:#ffffff; background-image:url(alamat_foto_kamu); background-attachment:fixed; }

nah alamat_foto_kamu di ganti sama link yang kamu dapet dari www.imageshack.us (lihat no.3)

sehingga nanti code akan seperti berikut:

body { background-color:#ffffff; background-image:url(http://img301.imageshack.us/img301/889/contoh.jpg); background-attachment:fixed; }

Oke, baru sekarang masukkan code tersebut ke kotak FS kamu, atau copy code di atas lalu paste di kotak FS kamu.

8. lihat perubahannya.

kalo mau kurang jelas koment aja ya !



90 Comments Add Yours ↓

The upper is the most recent comment

  1. Rezha #

    jelas om…makasih ya..

    [balas komentar ini]

  2. wew…ini yang gw cari txs ya bro…….

    [balas komentar ini]

  3. harry #

    gimana caranya biar backgroundnya bs jd transparant?

    [balas komentar ini]

  4. harry>>> silahkan edit foto anda di photoshop atau software multimedia editing lainnya.

    [balas komentar ini]

  5. gimana caranya biar backgroundnya bs jd transparant

    [balas komentar ini]

  6. to : pink @ kamu bisa membuat background menjadi transparan dengan edit menggunakan photoshop atau software photo editing lainnya.

    [balas komentar ini]

  7. coment #

    kok dhi fs nya lom bsa???

    [balas komentar ini]

    admin Reply:

    @coment, ga bisa gmn?

    [balas komentar ini]

  8. jojo #

    om….

    piye to?

    rak iso om???

    ajari dunk..

    [balas komentar ini]

    admin Reply:

    @jojo, anda yang bingung pada instruksi nomer berapa?

    [balas komentar ini]

  9. al #

    bisa kasih tau cara manupulasi poto kg..thx

    [balas komentar ini]

    admin Reply:

    @al, pake photoshop. untuk cara2nya saya ga bisa, saya sendiri belum mahir pake photoshop.

    [balas komentar ini]

    winda Reply:

    @al, gw bs kasih tau lo

    [balas komentar ini]

  10. klo aku sih upload foto di http://www.uploadhouse.com ada beberapa pilihan upload di sana (ukuran monitor, tumbnail dll). contohnya bisa di lihat di FSku http://www.friendster.com/andihas

    andi has´s last blog post..

    [balas komentar ini]

  11. Karen #

    mas , kok udah dicoba berkali-kali tetep gak bisa sih , buat layoutnya ?

    [balas komentar ini]

  12. siska #

    kurang jelas!
    urutin satu2.
    yang ceped ia balesnya!
    thx.

    [balas komentar ini]

  13. kOk gAg bIsa yAgh aQ….

    pDhL uDh aQ cObA hAsiLnyA niHiL mULu nEy…………………………

    kAsi sOLuSinYA dUNk

    [balas komentar ini]

    admin Reply:

    @eyyi, masalahnya terletak dmn?

    [balas komentar ini]

  14. gie #

    ak gag dunk . . . . . .
    hohoho

    [balas komentar ini]

    admin Reply:

    @gie, hohoho jugaa…:D

    [balas komentar ini]

  15. j3nk #

    tengkyu za…seneng dechhttp://nafasku.com/wp-includes/images/smilies/youretheman.gif

    [balas komentar ini]

  16. dnii #

    jelas.

    thx bngdd . .

    [balas komentar ini]

    admin Reply:

    @dnii, sama sama!

    [balas komentar ini]

  17. heri purwanto #

    hii broo…ko background y ga brubah sih,,,,knp nih???

    [balas komentar ini]

  18. thehery #

    jelas om tq y

    [balas komentar ini]

    admin Reply:

    @thehery, sama sama.

    [balas komentar ini]

  19. Jaka #

    thanks bro, qm emang JENIUS FS^_^

    [balas komentar ini]

  20. en #

    klo mw ganti backround tulisan nya tu gma? blz ya… tq.

    [balas komentar ini]

  21. ryzka #

    pastenya di kotak Fs gw maksdnya kotak yang mana sich??

    [balas komentar ini]

    admin Reply:

    @ryzka, di “tentang kamu” atau di “siapa yg ingin anda temui”

    [balas komentar ini]

  22. rany #

    ko masih lom bisa layout di fs ku yang poto sendiri???gmana sie caranya???masih ga bisa juga..

    [balas komentar ini]

    admin Reply:

    @rany, wah.., yg belum jelas pada bagian yg mana mas? kalo diikutin dengan teliti, pasti bisa,

    [balas komentar ini]

  23. Viper #

    weih.,., berhasil.,.

    thnk’s Om.,.,.

    [balas komentar ini]

    admin Reply:

    @Viper, sama sama bro! rajin2 kesiini ya

    [balas komentar ini]

  24. slankers #

    gw gak tahu???

    [balas komentar ini]

  25. denyra #

    layoutNya g bs fullscreeN gmN y???????

    [balas komentar ini]

  26. ksatria_web #

    oke om,,,bisa banget,,,

    thank you……

    [balas komentar ini]

  27. body { background-color:#ffffff; background-image:url(http://img301.imageshack.us/img301/889/contoh.jpg); background-attachment:fixed; }

    dah saya ganti… tapi tetep gak bisa

    [balas komentar ini]

  28. maya #

    ka mu tanya dong caranya ganti backgroud friendster pake foto kita itu gimana c
    maya masih ga terlalu ngerti banget ni ……..
    tolong dong cara-caranya atau
    langkah - langkahnya
    kirimin ke e-mail maya ya di
    maya_tkj3.irsiemaqie@yahoo.co.id
    makasih

    [balas komentar ini]

  29. assasin_croz99 #

    thanx, bro,,,,,,,,,,,,,,,,,,,,,,

    [balas komentar ini]

  30. fedro #

    thanks ya? g uda ngerti.. cuma repot juga.,,hehe

    [balas komentar ini]

  31. ko FS Q msH Lom bS atUR BAcKGRoUND’y pKe fHoto?
    tLonG jLAsin Lebh JLas caRA2′nyA………

    [balas komentar ini]

  32. dickRy #

    okay akn saya cba !!
    makasih Ya ….

    [balas komentar ini]

  33. dickRy #

    sya td cba tp rbet jga ya
    g bisa terus!!!!!!

    [balas komentar ini]

  34. ririn #

    aku tetep z gk bisa!alias bener2 belum mudeng!d perjelas lagi donk!!!!!!!!!!!!!!!!!pleas

    [balas komentar ini]

  35. Chen2 #

    thank u.

    KLu ganti font gmn ya??

    [balas komentar ini]

  36. billy #

    om kan klo pke cara yg tadi itu backgroundnya ketiban ama coment2 atau fto kita…

    klo biar transfaran/keliatan semua backgroundnya gmn caranya om???

    [balas komentar ini]

  37. miss lonely #

    hhuuuffttt,,akirna

    thanks bagged yah

    kalu misale lay out diganti animasi gmana yah??

    bales yah comment nih,,plizzz

    [balas komentar ini]

  38. mello #

    makasih yach,,]

    jadix keren,,,

    [balas komentar ini]

  39. orinn #

    klo pake photobucket bisa gak

    [balas komentar ini]

  40. arya #

    cara ganti foto bagian depan???

    [balas komentar ini]

  41. fearless #

    ga jelas gw..susah ngertinmya

    [balas komentar ini]

  42. Ught…KlO biiSa skaLiiand Biikinin Donk…

    [balas komentar ini]

  43. komaryah #

    om host it di mna?

    [balas komentar ini]

  44. sky #

    ga jlas Om

    [balas komentar ini]

  45. mani_ez #

    gaaaaagggg jeeellaass banggettt taaauuuuu……………

    dicoba berkali - kali gag bisa…..

    pleaze dumz………

    [balas komentar ini]

  46. secreT admiReR #

    .ahh..
    .kereenn bngeThh..
    .mkasii”..

    [balas komentar ini]

  47. secreT admiReR #

    .terlalu besar..
    .gag keLiiaTan..
    .gmn donk..

    [balas komentar ini]

    admin Reply:

    @secreT admiReR, fotonya diedit dulu mas.

    [balas komentar ini]

  48. aku Nga’ Tau Cara Pasangnya….ribet
    Tolong detailkan secara Rinci……..
    tentang penempatan Code Apa da n taruhnya Di mana…
    terima kasih atas perhatiannya
    mohon balasan nya

    [balas komentar ini]

  49. aqiel #

    mas kasih tau yang lengkap tentang “Tips Trik Rahasia Mendapatkan Password Apapun dgn Mudah & Gratis” selengkapnya , lalu kirimkan ke alamat email saya , terimakasih

    [balas komentar ini]



Your Comment