• Setting Time Limit On Viewing Page
  • Dancing Text Generator
  • Crystal Ball Generator
  • Countdown Generator
  • Banner Maker
  • HTML Linking Pages
  • JS Please Login
  • HTML Inserting Images
  • CSS Shoutout
  • JS right click alert
  • Scrolling Title Effect


May
30th

Custom Background Image

Author: Angel | Files under External CSS Codes, Tricks and Tweaks | 8,233 Views

Go to http://photobucket.com and register.

Sign in and click the “My Album” icon. Click the browse button and look for the picture you want to use then click the upload button.

Now, your picture is saved! There are 4 codes under the picture thumbnail. Copy the codes in the Direct Link textarea.

Copy the codes below and replace BG_IMG_URL with the image URL of your picture.

Paste the codes in your CSS BOX or compile it with your css/js file. Don’t know how? read our Compiling Tutorial




Credit to Friendstertalk.com for the CSS and JS Codes.

43 responses. Wanna say something?

  1. Kher
    Jun 4, 2008 at 03:25:18
    #1

    weeeee…thanks 4 sharing Angel,,

    btw, we can put an image on our photo galery as a background too.
    no need to upload it on any site.. hehe..

  2. Angel
    Jun 5, 2008 at 12:44:00
    #2

    yupyup :) you can do that.. juts get the image URL of your oicture..

  3. zeiiAh_18
    Jun 5, 2008 at 14:13:29
    #3

    yAy! tHanks fOr da sAre aNgel!!! :D

  4. joy
    Jun 5, 2008 at 15:18:26
    #4

    goshes..dko xa magawa.. as in.. huhu

  5. Angel
    Jun 5, 2008 at 18:57:16
    #5

    awww..anung part hindi mo makuha?? i’ll explain.. :)

  6. dan
    Jun 8, 2008 at 19:05:36
    #6

    huhu.. gusto ko sana gumawa ng profile background with my pic… =(

  7. Angel
    Jun 8, 2008 at 19:41:22
    #7

    use the tutorial above,,,

  8. maicy
    Jun 14, 2008 at 20:32:19
    #8

    ate angel, gusto ko po gumawa ng layout.. khit defalut lng, nid ko pba ng adobe?? i dont have dat kc… anu po b ang nid?

  9. Angel
    Jun 14, 2008 at 21:49:50
    #9

    any photo editing program like paint will do! :) or just use your photo :)

  10. maicy
    Jun 15, 2008 at 11:08:37
    #10

    me tutorial ba keo on how to to a default layout?

  11. Angel
    Jun 15, 2008 at 12:20:05
    #11

    we don’t ave tutorials for default but we do have Default Layout Generator at http://friendstertutorials.com/?page_id=55

  12. Chiel
    Jun 19, 2008 at 16:32:22
    #12

    uhm ellow panu naman ung may banner..?

  13. erika
    Jun 29, 2008 at 08:33:44
    #13

    panu poh ung isang mgiging transparent ung master boxes?^,^

  14. erika
    Jun 29, 2008 at 21:52:09
    #14

    panu poh ate mgiging transparent ung master boxez??heheh:)

  15. CaaSeey
    Jul 1, 2008 at 00:16:52
    #15

    aUn!uhhmm,.aTe angel ask qu Ln puh ung pix quh puh na nsa baba taz ryt side pnu qu pu ggawin un??tas black puh ung BG peu ung pix qu nga puh nsa ryt side sa baba??pnu puh un??:]] mamatx in advanz!:]]

  16. laise'xy
    Jul 1, 2008 at 20:45:24
    #16

    great help for newbies. :D

  17. Jianni
    Jul 4, 2008 at 22:59:00
    #17

    hay naku.. PLZZ HELP ME… PAANO MAGAWA NG LAYOUT??? PLZZZZ TULUNGAN NO NA AKO..

  18. Angel
    Jul 5, 2008 at 22:58:46
    #18

    go here http://friendstertutorials.com/?page_id=48

  19. meliza
    Jul 8, 2008 at 17:14:42
    #19

    hello der..hay naku..bkit dko maintindhan..dun sa part na copy yung direct link san..? tpos yung replace it to BG_IMAGE_URL..PANU BA TLAGA.. explain it to me nmn oh yung as in,..manual.

  20. meliza
    Jul 8, 2008 at 17:17:11
    #20

    and paanu rin sya malagyan ng design yung pict. mo na gusto mo e-layout diba..PLZ…PLZ…PO NID HELP TO THAT..

  21. Angel
    Jul 13, 2008 at 11:43:11
    #21

    you need to make images first if you want to have a layout xempre d ba?

    to make your layout go here http://friendstertutorials.com/?page_id=48

  22. maiche_neth
    Jul 13, 2008 at 19:43:39
    #22

    pls help how can i make an backround

  23. meliza
    Jul 16, 2008 at 16:31:44
    #23

    hello der…will YES…!!! i’ll follow nmn the tutorials e.,but ganun..dko prin makuha.ok na yung image ko na save na..and then…nalito lng me nga dun sa copy the direct link.e di kc click ko yun…an den copied sya.ok..ayus aq dun,e yung sa baba na..sbi doon copy the codes below and replace BG_IMG_URL,w/the image url of your pict. ,ito ang hndi q tlaga maintndhan e.san q ku2nin yung url n yun.tpos panu sya ereplaced noon..pag nasa CSS n ba sya.Plz…Plz…help me nmn.

  24. meliza
    Jul 16, 2008 at 16:36:53
    #24

    or u jst give me….n lng yung easyiest way.like yung kay kher sbi nya image url lng ok na no need na upload to the other sites..yung bang image url na yun san dapat e-copied yun.sa CSS only,then may image bckround kna w/ ur own pict…??..Plz..PLz answer my question.
    thanks in anvanced.

  25. Carolyn
    Jul 19, 2008 at 18:11:49
    #25

    Hi…its Carolyn here…just wondering if anyone can teach me on how to add pic on my profile? please…thanks..God Bless

  26. Angel
    Jul 19, 2008 at 19:26:50
    #26

    I have tutorials here http://www.friendstertutorials.com/category/paintshoppro

  27. destroyer
    Jul 19, 2008 at 20:18:16
    #27

    boss angel panu ba gumawa ng crossover lay????

  28. ruby
    Jul 19, 2008 at 21:32:11
    #28

    panoh poh b mag generate ng code d ko cia maintindihan ang gulo nia actually..,, panu poh ba? bkit my ripway pah? reply p0h tnx

  29. mary
    Jul 22, 2008 at 19:12:47
    #29

    hi po..ahm..tatanong ko lng po kung pano gmawa ng layout na iba iba po ung pic ung parang ganito po sa profile na to….. http://profiles.friendster.com/huge17 …. pakitignan nlng po..hehehe…slamat po…sana po masagot nyo ung tnong ko…tnx…….

  30. zylie
    Jul 22, 2008 at 20:15:58
    #30

    uy pa 2ro nmn panu gumawa ng layout plzzz

  31. SHAM
    Jul 23, 2008 at 14:31:01
    #31

    hi there…ztah d2 me uli..hey..lam mo nagawa ko na yung bckground ko.thanks tlga.cenxa na if medyo mkulit me.
    ngayun problem ko is..oo nga na-layout ko na yung image ko.kya lng panu nmn yung profile ko..naging plain sya.diba yung sa layout..ksma lhat pati yung file…Plz..Plz..turuan nmn me.

  32. SHAM
    Jul 23, 2008 at 14:38:04
    #32

    at isa pa panu nga ba gawa ng iba-iba image sa layout,turo nmn oh.sana masagot nyo to.wait ko.thanks in advanced.

  33. CHUBBiE
    Aug 2, 2008 at 19:50:38
    #33

    hi ! cno po ba pwede mag help skn =C

  34. CHUBBiE
    Aug 2, 2008 at 19:55:43
    #34

    HELP ME PO ………….
    PLEASE

  35. lex
    Aug 4, 2008 at 07:56:44
    #35

    ateh ansk qu pu..anu pu ung defult na layout???hindi qu pu ksi alm un..tnx

  36. jin
    Aug 12, 2008 at 19:58:25
    #36

    hi poh
    anung maximum size po ng bg image
    ksi ang akin ay laging hindi full ang image sa layout
    please answer po

  37. lee anne
    Aug 14, 2008 at 15:20:23
    #37

    huhuhuu…i wanna design layouts too..it’s so complicated pla…uhm, can i have ur num?

  38. sheupladah
    Aug 20, 2008 at 18:30:26
    #38

    pnu gmuwa ng background ay un pix q??

  39. JOann^_^*
    Aug 21, 2008 at 10:33:07
    #39

    pwde nyo ba ako 2lungan,pano b gumawa ng layouts,design?

  40. CaDeAtH
    Aug 21, 2008 at 18:47:05
    #40

    use the navigation at the left side of the site…
    click on ether external or default css generator

  41. asheruf
    Aug 26, 2008 at 15:44:18
    #41

    how to put pic on profile? anyone?

  42. asheruf
    Aug 26, 2008 at 16:14:05
    #42

    teach me pleaese, how to put pic in profile? give example..

  43. jen
    Sep 16, 2008 at 09:13:07
    #43

    ahmmmmm .. is there any tutorial about …. customized control panel buttons ? or customized navigation links ? tska unq .. mkkta nunq visitor unq pic nea sa gilid nan` profile cu ? reply pls ..

Post a Comment

  • Sponsored Ads

  • Related Links

    • Cute Friendster Layouts
    • Friendster Layouts
    • Friendster Nation
    • iFriendster
    • Jerick’s Layout
    • Rockstar Layouts
  • Contributors

    • Airel
    • Alex (2)
    • Angel (139)
    • Benz (6)
    • CaDeAtH (10)
    • davio (5)
    • Eljon (1)
    • elmo activo
    • Jhem_tot_ful? (1)
    • JirO
    • Melvin (5)
    • neufrona (1)
    • Sakuraii (6)
    • zhieihxtarr (1)
    • _chanzky_ (10)
  • Statistics

    Friendster Noobs
    eXTReMe Tracker
  • Navigation

    • Default CSS Generator
    • External CSS Generator
    • Fake Overlay Generator
    • Layout Types Explained
    • Privacy Policy
    • Step By Step Guide in Making External CSS Layout
    • Submit Tutorials
  • Tutorial Categories

    • Downloads (11)
    • External CSS Codes (84)
    • Flash (6)
    • Generators (4)
    • Html Codes (10)
    • Javascript Codes (16)
    • Paintshop Pro (29)
    • Photoshop (17)
    • Resources (7)
    • Tools and Generators (4)
    • Tricks and Tweaks (91)
    • Uncategorized (15)
  • Most Viewed Tutorials

      External CSS Linker Generator
      External CSS Generator
      Compiling CSS/JS Codes and making CSS/JS extension
      Javascript Linker Generator
      Default CSS Generator
      Step By Step Guide in Making External CSS Layout
      Welcome and Goodbye using JS
      Text Effects
      Learning the CSS CODE for body background
      Marquee Effects
  • Random Tutorials

      Welcome and Goodbye using JS
      Photo Tip: Add a Little Contrast to Your Photos
      Dancing Text Generator
      Flash Drawing
      Hide Friendster Classifieds
      Fonts
      Digital Pixel Effect
      How To Use Brushes
      Installing Brush in Photoshop
      External CSS Linker Generator
  • Recent Comments

      manilyn - paano gawing friendster layouts ang sariling mukha???plz nman oh..tulungn nyo…
      JeRMIne-008 - LIkE It…
      PAUPAU - ANG TAGAL NMN NITO IDOWNLOAD…
      slaevolohr - kailangan pa bang iupload sa isang hosting file then igenerate…
      kr?sta - pano gawa layout bago pa po kasi ako…
      julie - the codes are not working....…
      Ruzzell - hello. thanks for these! i'm loving psp scripts! ;) …
      CaDeAtHâ„¢ - hirap? ung method mo po, ganun(if u'r using generators)…
      davio - Paste in your External JS. If u don't have one…
      annkat - san i-paste??…


Copyright © 2008 Friendstertutorials.com
Friendster Tutorial - What You Need To Know! | We're not affiliated or endorsed by Friendster.com